通过Ajax请求调用php函数

debugcn 发表于 Dev

肯特

我正在尝试对我的主页进行结构化编码。我必须与mysql数据库查询一起工作很多，我想为每个表创建一个自己的.php文件，其中包含我想通过Ajax Request调用的所有必要功能。

因此，我通过stackoverflow答案得到了以下代码片段：

$.ajax({ url: '/my/site',
         data: {action: 'test'},
         type: 'post',
         success: function(output) {
                      alert(output);
                  }
});

在服务器端，action应读取POST参数，并且相应的值应指向要调用的方法，例如：

if(isset($_POST['action']) && !empty($_POST['action'])) {
    $action = $_POST['action'];
    switch($action) {
        case 'test' : test();break;
        case 'blah' : blah();break;
        // ...etc...
    }
}

我的问题：

我也想通过data属性分配表单数据，但我不知道该怎么做。我尝试了以下操作（这只是一个没有用的猜测）：

var data = $(this).serialize();
$.ajax({ url: '/my/site',
         data: {action: 'test', data},
         type: 'post',
         success: function(output) {
                      alert(output);
                  }
});

塞缪尔·库克（Samuel Cook）

serialize()将以字符串形式从表单返回数据。您可以仅将字符串的其余部分与其余查询一起附加。

例子：

<form id="form">
    <input name="form_name_1" value="form_value_1">
    <input name="form_name_2" value="form_value_2">
</form>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    var data = $('#form').serialize();
    data += '&action=test';

    $.ajax({
        url: '/my/site',
        data:data,
        type:'post',
        success:function(output) {
            alert(output);
        }
    });
});
</script>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。