PHP Ajax - 如何发送HTTP请求并显示数据

时间:2017-02-06 01:18:17

标签: jquery ajax

我现在有两个文件。 一个是api,名为" sqltest.php"

当我在服务器上打开时,我会得到一些API输出:

["39","blah"]

我的client.php包含用于接收该数据的jquery ajax代码,并在Web浏览器中正确显示。

<html>
  <head>
    <script language="javascript" type="text/javascript" src="jquery.js"></script>
  </head>
  <body>


  <h2> Client example </h2>
  <h3>Output: </h3>
  <div id="output">this element will be accessed by jquery and this text replaced</div>

  <script id="source" language="javascript" type="text/javascript">

  $(function () 
  {
    //-----------------------------------------------------------------------
    // 2) Send a http request with AJAX http://api.jquery.com/jQuery.ajax/
    //-----------------------------------------------------------------------
    $.ajax({                                      
      url: 'sqltest.php',                  //the script to call to get data          
      data: "",                        //you can insert url argumnets here to pass to api.php
                                       //for example "id=5&parent=6"
      dataType: 'json',                //data format      
      success: function(data)          //on recieve of reply
      {
        var id = data[0];              //get id
        var vname = data[1];           //get name
        //--------------------------------------------------------------------
        // 3) Update html content
        //--------------------------------------------------------------------
        $('#output').html("<b>id: </b>"+id+"<b> name: </b>"+vname); //Set output element html
        //recommend reading up on jquery selectors they are awesome 
        // http://api.jquery.com/category/selectors/
      } 
    });
  }); 

  </script>
  </body>
</html>

但是,代码不起作用。我认为它已经过时了,因为我在一篇非常古老的文章中找到了它,这正是我所寻找的。

我可以做些什么来使代码工作?我已经下载了最新的slim和压缩的jquery.js并将它放在我的网络服务器上。

由于

1 个答案:

答案 0 :(得分:1)

确定问题已解决。我使用的是瘦身版的ajax

在谷歌搜索确切的错误后(我甚至不知道我可以在控制台中查找它,感谢提示) - 我发现瘦身版本是罪魁祸首。

上传完全压缩版本的jquery后,我的脚本运行了。

感谢。