码迷,mamicode.com
首页 > Web开发 > 详细

jQuery实现AJAX

时间:2016-03-31 23:21:43      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <script src="jquery-1.11.3.js"></script>
</head>
<body>
    <input type="button" id="btn"  value="load">
    <script>
     $("#btn").click(function(){
      var json = {
       name : ‘zhangwuji‘,
       pwd : 12345
      }
      $("#btn").load("1.php",json,function(data){
       console.log(data);
      });
     });
    </script>
</body>
</html>
<?php
$name = $_REQUEST[‘name‘];
$pwd =  $_REQUEST[‘pwd‘];
echo "$name : $pwd";
?>
$().load(url,data,callback)方法 - 是对象方法
     * url - 请求地址
       * 当只传递url请求地址时:
      * 已经成功实现了AJAX的异步请求
      * 在代码逻辑中,并没有接收服务器端的响应
      * 默认的请求类型为GET
     * data - (可选)请求数据,格式必须为 { key:value }
       * 问题:
      * 定义Object还是符合该格式的字符串?Object
      * 服务器端如何接收?
        * 是用$_GET还是用$_POST?$_REQUEST
     * 根据客户端的请求数据中的name进行接收,目前name指的是谁?Object中的key
     * callback - (可选)回调函数
       function(data){}
    * 问题:该函数如何能接收服务器端的响应数据?
    * 思考:考虑回调函数中是否具备形参
      * 形参的名称可以自定义
      * 假定该回调函数具备形参:自定义a
      * 经过测试,该回调函数的确具备形参
      * 该形参的作用:接收服务器端的响应数据
     * 注意 - load()方法
       load()方法的请求方式由是否发送请求数据决定
    * GET方式 - load()方法没有发送请求数据
    * POST方式 - load()方法的确发送请求数据
     * 问题 - load()方法
       * load()方法只能直接使用文本格式,而无法直接使用XML或JSON格式

jQuery实现AJAX

标签:

原文地址:http://www.cnblogs.com/xyw521520/p/5343112.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!