2016-05-10 4 views
1

kann nicht Post-Methode auf meine JSON-Datei auf Perform Meine JSON-Datei ist [{ "name": "Hilfe", "description": „Löschen nicht für Produkte erlaubt !?“, "Preis": 100000.0}]Können Post-Daten in meinem JSON Datei

<html> 
<head> 
<title>Product Management</title> 
<link rel="stylesheet" href="css/bootstrap.min.css"> 
<link rel="stylesheet" href="css/default.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"</script> 
<script src="js/bootstrap.min.js"></script> 

Funktion

<script>    
$(document).ready(function() { 
    $(window).load(function() { 
     $.ajax({ 
      type: 'GET', 
      url: 'test.json', 
      dataType: 'json', 
      success: function(data) { 
       $.each(data, function(index, element) { 
        $("#abc").append($('<li>', { 
         text: element.name 
        })) 
       }); 
      } 
     }); 
    }); 
}); 
</script> 
die Werte für das Erhalten 210

Funktion der Werte in der JSON-Datei, die die Daten für die Buchung

<script> 
function sumbitForm(){ 
var x=document.getElementById("#name"); 
var y=document.getElementById("#description"); 
var z=document.getElementById("#price");  
var Product={"name":x, "description":y, "price":z }; 
$.ajax({ 
url: "test.json", 
type: "POST", 
contentType: "application/json", 
data: JSON.stringify(Product) 
}); 
} 
</script> 
</head> 
<body> 
<div> 
<ol id="abc"> 
</ol> 
</div> 
<div class="container">    

Eingabeformular

<form name="PForm" action="" method="POST"> 
<div class="form-group"> 
<label>Name:</label> 
<input type="text" class="form-control" id="name" placeholder="Product Name"> 
</div> 
<div class="form-group"> 
<label>Description:</label> 
<textarea class="form-control" id="description" placeholder="Descrpition" rows="8"></textarea> 
</div> 
<div class="form-group"> 
<label>Price:</label> 
<input type="text" class="form-control" id="price" placeholder="Price"> 
</div> 
<button type="submit" class="btn btn-primary Right" onClick="submitForm()">Submit</button> 
</form> 
</div> 
</body> 
</html> 
+0

Können Sie beschreibender sein? Was genau funktioniert nicht? Welchen Fehler bekommst du? –

+0

Es gibt keinen Fehler, aber keine Daten werden in die JSON-Datei geschrieben –

Antwort

0

Sie brauchen, um den Wert der Elemente, wie

für die Buchung
var x=document.getElementById("#name").value; 

Sonst würden Sie senden t Die DOM-Elemente (die, umgewandelt in eine Zeichenkette, wären nur 'Objekt')