如何使用 jQuery 的 $.ajax() 函数来运行 php 脚本？ [复制]答案

【问题标题】：How can I use jQuery´s $.ajax() function to run php script? [duplicate]如何使用 jQuery 的 $.ajax() 函数来运行 php 脚本？ [复制]
【发布时间】：2015-05-31 14:55:57
【问题描述】：

为了便于理解，我制作了一个示例代码，因为我的实际代码要大得多。

基本上，我想要完成的是运行我的 PHP 脚本，该脚本使用 ajax 编辑 XML 文件。这是因为我需要在我的实际项目中的 javascript 中执行此操作。

这是我目前所拥有的：

包含 ajax 函数的 .php 文件：

<!DOCTYPE html>
<html>
<head>
<script>
function editXMLDoc()
{
  $.ajax({
  url: "sensors.php",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});
}
</script>
</head>
<body>

<button type="button" onclick="editXMLDoc()">Endre XML</button>

</body>
</html>

这是写入 xml 的 php 脚本：

<?php
include 'sensor.php';
$b=new sensor();

$arr=$b->load('sensor.xml');         

for($i=0,$ms=count($arr);$i<$ms;$i++)
{
  if($arr[$i]['fields']['status']=='1')
  {
     $arr[$i]['fields']['status']='0';
  }else{
    $arr[$i]['fields']['status']='1';
  }
}
echo "Completed<br/>";
//3. save array to xml
$b->save('sensor.xml',$arr);
?>

我知道脚本正在运行，所以我很确定问题是 ajax 函数和 php 脚本之间的连接。

谁能帮帮我？

【问题讨论】：

在 Ajax 中，您使用函数 sensors.php 但 php 文件称为 sensor.php。或者带有脚本的文件叫做sensors.php？
不，不是。 php 文件包括另一个名为 sensor.php 的 php 文件。我知道这可能会让人感到困惑。
@user2927356：这是否也回答了您之前的问题stackoverflow.com/q/29278936/367456？

标签： php jquery ajax xml

【解决方案1】：

试试这段代码...实际上你没有附加 jQuery 库。

<!DOCTYPE html>
<html>
    <head>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript">
            jQuery(document).ready(function($){
                var resp = $("#response");
                $.ajax({
                    type: "POST", // Method type GET/POST           
                    url: "sensors.php", //Ajax Action url
                    data: {},

                    // Before call ajax you can do activity like please wait message
                    beforeSend: function(xhr){
                        resp.html("Please wait...");
                    },

                    //Will call if method not exists or any error inside php file
                    error: function(qXHR, textStatus, errorThrow){
                        resp.html("There are an error");
                    },

                    success: function(data, textStatus, jqXHR){
                        resp.html(data);
                    }
                });
            });
        </script>
    </head>
    <body>
        <div id="response"></div>
    </body>
</html>

【讨论】：

哈利路亚！非常感谢！

【解决方案2】：

像这样使用 AJAX：

<script type="text/javascript">
  jQuery(document).ready(function($){

    $('.rt11').click(function(){

        $.ajax({
            type: "POST", // Method type GET/POST           
            url: "sensors.php", //Ajax Action url
            data: {yourKey: "yourValue", yourKey1: "another value"},

            // Before call ajax you can do activity like please wait message
            beforeSend: function(xhr){
                console.log("Please wait...");
            },

            //Will call if method not exists or any error inside php file
            error: function(qXHR, textStatus, errorThrow){
                console.log("There are an error");
            },

            success: function(data, textStatus, jqXHR){
                console.log(data);
            }
        });

    });

});
</script>

【讨论】：

好的，但是如何用按钮调用这个函数呢？
在您的 ajax 调用中，您不需要“data”、“beforeSend”和“type”属性来使其更简单。如果它返回一个xml文件，添加dataType：“xml”。
在 $('.rt11').click(function(){ 中传递您的元素选择器 CLASS 或 ID
@Sateesh 很抱歉我太笨了，但是当你说把它传进去时，我该怎么做。认为它会是这样的：
我的意思是你正在使用 class="rt11" 并且这个类已经 $(".rt11") 用在大括号里等等按钮click ajax 请求会调用。如果您使用的是 Firefox，则安装名为 Firebug 的插件，然后在控制台中检查您将看到 ajax 请求。

【解决方案3】：

我认为代码没有问题，但有时在大代码中 min.js 文件没有正确包含。请尝试以下代码。无需更改sensors.php 文件。

<!DOCTYPE html>
<html>
<head>
<script>
$(document).ready(function(){
    $('.rt11').click(function(){
  $.ajax({
  url: "sensors.php",
  context: document.body
}).done(function(html) {
  $( this ).addClass( "done" );
});
});
});
</script>
</head>
<body>

<button type="button" class="rt11">Endre XML</button>

</body>
</html>

【讨论】：

刚刚试了一下。不幸的是没有运气。 sensors.php 没有按照它设置的那样做

【解决方案4】：

HTML：

<button type="button" id="idButton">Endre XML</button>

JS：

  $("#idButton").click(function(){
        $.ajax({
                url: 'sensors.php',
                dataType: "xml", //if it returns a xml file
                success: function (data) {
                    // everything is ok
                    alert(data)

                },
                error: function (xhr, status, error) {
                    // Something went wrong
                    if (xhr.status > 0) alert('Error: ' + status);
                }
            });

        })

【讨论】：

【解决方案5】：

试试这个，我认为你错过了包含 jQuery 库文件。在 ajax 调用后将发布数据发送到你的 php 文件。

    <!DOCTYPE html>
    <html>
    <head>
    //include the jQuery library file
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>
    function editXMLDoc()
    {
      var myvalue='123';  
      $.ajax({
              url: "sensors.php",
              context: document.body,
              data: {myvalue:myvalue},   
             }).done(function() {
                 $( this ).addClass( "done" );
             });
     }
    </script>
    </head>
    <body>

    <button type="button" onclick="editXMLDoc()">Endre XML</button>

    </body>
    </html>

【讨论】：

太棒了！导入是缺少的链接！