Fatal编程技术网
  • php/
  • Php 通过w/JSON表单更新数据库

Php 通过w/JSON表单更新数据库

php jquery json forms

Php 通过w/JSON表单更新数据库,php,jquery,json,forms,Php,Jquery,Json,Forms,继续我以前的职务。。这部分代码现在正在工作，现在我需要能够更新和修改弹出的文本 查询未接收任何内容 HTML&JS: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { //

继续我以前的职务。。这部分代码现在正在工作，现在我需要能够更新和修改弹出的文本

查询未接收任何内容

HTML&JS:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {

// Sends information into form - Works 
$("#productList").change(function() {

    var action = $("#productForm").attr('action');
    var form_data = {
        id: $('#productList').val(),
        name: $("#name").val(),
        price: $("#price").val(),
        img: $("#img").val(),
        description: $("#description").val()
    };      
var id="something";
    $.getJSON("getProduct.php",form_data,function(data){
        switch(data.retval){
            case 0: $("#name").value(data.data.prodName);
            break;
            default: $("#description").html("Database error, please select something else.");
            break;
        }
        });
    });
// End form information

$("#productForm").submit(function() {
    var action = $("#productForm").attr('action');
    var form_data = {
        id: $('#productList').val(),
        name: $("#name").val(),
        price: $("#price").val(),
        img: $("#img").val(),
        description: $("#description").val()
    };      
var id="something";
    $.getJSON("modify.php",form_data,function(data){
        switch(data.retval){
            case 0: $("#status").html("Update successful!");
            break;
            case 1: $("#status").html("Unable to update!");
            break;
            default: $("#description").html("Database error, please try again.");
            break;
        }
        });
    });
});
</script>  
</head><body>

<div id="status"></div>
<div id="listDIV">
<select id="productList" name="productList" size="8">
    <option value="123" class="prodID">Terminator Series</option>
    <option value="124" class="prodID">2001 A Space Odyssey</option>
    <option value="125" class="prodID">Serenity</option>
    <option value="126" class="prodID">Alien Quadrilogy</option>
    <option value="127" class="prodID">12 Monkeys</option>
    <option value="128" class="prodID">Final Fantasy</option>
</select>
</div><div id="formDIV">
<form id="productForm" action="getProduct.php" method="post">
    <input type="text" id="name" placeholder="Name" /><br />
    <input type="text" id="price" placeholder="Price" /><br />
    <input type="text" id="img" placeholder="Image" /><br />
    <textarea id="description" placeholder="Description"></textarea><br />
<input type="submit" id="save" value="Save" />
</form>
</div>
</body></html>
您需要防止表单提交操作的默认设置。因为没有一个表单元素具有
名称
属性。它的发布没有任何参数。这就是SQL语句没有接收任何内容的原因

你需要

$("#productForm").submit(function(e) {
      e.preventDefault();
      // your code goes here
}
您需要防止表单提交操作的默认设置。因为没有一个表单元素具有
名称
属性。它的发布没有任何参数。这就是SQL语句没有接收任何内容的原因

你需要

$("#productForm").submit(function(e) {
      e.preventDefault();
      // your code goes here
}
有两件事，首先，您不需要对每个值进行JSON解码，只需要对您得到的一个值进行JSON解码。其次，你的mysql查询很糟糕。。。您可以使用request方法并将其直接添加到mysql查询中。我可以用javascript删除你的整个数据库。我建议您查看PDO或sprintf查询。您是否尝试过任何调试工具来查看问题的实际位置？您可以使用FireBug或Chrome developer工具来实现这一点。是的，尝试了FireBug，但单击事件从不触发，所以没有指示器。我认为：
$（“#makecollapsible.makecollapsibleul.productForm”）。在（“单击”，“提交”，函数（事件）{alert（$（this.text（））；}）
是问题所在，但我的格式不对吗？有两件事，首先你不需要对每个值进行JSON解码，只需要对你得到的一个值进行JSON解码。其次，你的mysql查询很糟糕。。。您可以使用request方法并将其直接添加到mysql查询中。我可以用javascript删除你的整个数据库。我建议您查看PDO或sprintf查询。您是否尝试过任何调试工具来查看问题的实际位置？您可以使用FireBug或Chrome developer工具来实现这一点。是的，尝试了FireBug，但单击事件从不触发，所以没有指示器。我认为：
$（“#makecollapsible.makecollapsibleul.productForm”）。在（“单击”，“提交”，函数（事件）{alert（$（this.text（））；}）是问题所在，但我的格式是否正确？

$("#productForm").submit(function(e) {
      e.preventDefault();
      // your code goes here
}