ajax,php如何正确保存数据

时间:2017-07-29 15:42:56

标签: javascript php jquery ajax

我尝试通过ajax发送有关user_question和语言输入字段的信息,但是如何在ajax javascript中正确编写此元素以将表元素值保存在数据库中。

谢谢。

脚本元素。

 <table id="myTable" class="table table-sm table-hover order-list">
        <thead>
            <tr>
              <td>User Question</td>
              <td>Language</td>
            </tr>
        </thead>
        <tbody>
            <tr>
              <td class="col-md-9">' . HTML::inputField('user_question', null,  'placeholder="Write a short answer"'). '</td>
              <td class="col-md-2">' . HTML::inputField('language', null,  'placeholder="Language"') . '</td>
              <td class="col-sm-1"><a id="delete_row" class="deleteRow"></a></td>
            </tr>
        </tbody>
        <tfoot>
          <tr>
            <td colspan="5">
              <input type="button" class="btn btn-lg btn-block " id="addrow" value="Add Row" />
            </td>
          </tr>
          <tr></tr>
        </tfoot>
    </table>

<script>
$(document).ready(function () {
    var counter = 0;

    $("#addrow").on("click", function () {
        var newRow = $("<tr>");
        var cols = "";

        cols += '<td><input type="text" class="form-control" name="user_question' + counter + '"/></td>';
        cols += '<td><input type="text" class="form-control" name="language' + counter + '"/></td>';

        cols += '<td><input type="button" class="ibtnDel btn btn-md btn-danger " value="Delete"></td>';
        newRow.append(cols);
        $("table.order-list").append(newRow);
        counter++;

    // element pb            
    // var data = $("#new_product").serialize(); // form id or table id ?

    var dataString = 'user_question='+user_question+'language='+language;

    $.ajax({
        type: 'POST',
        url: '{$ajax_url}',
        data    : dataString,
        success: function(data) {
            alert(data);
            $("p").text(data);

        }
    });

    $("table.order-list").on("click", ".ibtnDel", function (event) {
        $(this).closest("tr").remove();       
        counter -= 1
    });

});

</script>

1 个答案:

答案 0 :(得分:0)

使用这样的方法在.php页面中的javascript中获取php变量值

  url: "<?php echo $ajax_url; ?>",

还可以使用&和符号在dataString

中添加两个或更多个参数