zoukankan      html  css  js  c++  java
  • jQuery实现AJAX

    <!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格式

  • 相关阅读:
    hdoj 2803 The MAX【简单规律题】
    hdoj 2579 Dating with girls(2)【三重数组标记去重】
    hdoj 1495 非常可乐【bfs隐式图】
    poj 1149 PIGS【最大流经典建图】
    poj 3281 Dining【拆点网络流】
    hdoj 3572 Task Schedule【建立超级源点超级汇点】
    hdoj 1532 Drainage Ditches【最大流模板题】
    poj 1459 Power Network【建立超级源点,超级汇点】
    hdoj 3861 The King’s Problem【强连通缩点建图&&最小路径覆盖】
    hdoj 1012 u Calculate e
  • 原文地址:https://www.cnblogs.com/xyw521520/p/5343112.html
Copyright © 2011-2022 走看看