zoukankan      html  css  js  c++  java
  • JQuery Ajax

    //load()方法异步请求数据

    $("#btnid").bind("click",function(){

          $("#divid").load("/home/index",[data],function(){  // 第一个参数是请求的url  第二个参数是可选的 传过去的data   第三个参数是可选的  回调函数

                  $(this).attr("disabled","true");

          });

    });

    //使用getJSON()方法异步加载Json格式的数据

    $.getJSON("home/json",[data],function(jsondata){

    //第一个参数是请求的url  第二个参数是可选的 传过去的data 第三个参数是可选的 回调函数  方法会把得到的Json对象传给回调函数的参数jsondata

                   //程序员Json处理

    });

    //使用getScript()方法异步加载js文件并执行

    $.getScript("/home/js/1.js",function(){ // 第一个参数是要请求的js文件的url地址  第二个参数是可选的 请求成功后执行的回调函数

                 alert("哈哈哈");

    });

    //使用get()方法以GET的方式从服务器获取数据

    $.get("/home/index",function(jsondata){

             //第一个参数是请求的url  ,第二个参数是请求成功后得到的数据 自动放在function的参数中 jsondata,第三个参数是请求的url返回数据的格式

    },"json");

    //使用post()方法以POST方式向服务器发送数据

    $.post("/home/index",{name:"张三"},function(data){

                //第一个参数是请求的url , 第二个参数是可选的 传过去的data ,第三个参数是可选的 回调函数  方法会把得到的结果传给回调函数的参数data

    });

    //使用serialize()方法序列化表单元素  序列化后得到的是字符串

    $("#divid").html($("#formid").serialize()); //把表单中有name属性的控件的值 序列化成 属性:值 多个控件之间用&隔开

    //使用ajax()方法加载服务器数据

    $.ajax({

         url:"/home/index", //请求的url

         dataType:"text",  //服务器返回的数据类型

         success:function(data){  //请求成功后执行的回调函数 data是返回的数据

                          

                       },

          type:"get", //发送数据请求的方式

          data:{name:"张三"} //请求是传递的数据

    });

    //使用ajaxSetup()方法设置全局Ajax默认选项

    $.ajaxSetup({

             type:"get",

              dataType:"json"

    });  //后面调用ajax方法的时候 这两个属性就可以不用写了 默认就是ajaxSetup里设置的值

    //使用ajaxStart()方法 和ajaxStop()方法 为ajax执行前后绑定事件

    $("#divid").ajaxStart(function(){$(this).show();});  //发送ajax请求之前执行 将div显示出来

    $("#divid").ajaxStop(function(){$(this).hide();});   //发送ajax请求成功后执行  将div隐藏起来

    $.ajax({

          url:"/home/index",

          dataType:"json",

          success:function(){

                            alert("哈哈哈");

                       }

    });

  • 相关阅读:
    2017级算法第二次上机-B.第k顺序统计量
    2017级算法第二次上机-B.女娲加农炮
    2017级算法第二次上机-A.ModricWang's Real QuickSort Query
    2017级算法第三次上机-G.ModricWang的导弹拦截系统
    2017级算法第三次上机-F. SkyLee炒股票
    2017级算法第三次上机-C.SkyLee组装电脑
    Objective-c快速入门
    [翻译] Android是怎样绘制视图的
    AnimationsDemo中的ZoomActivity代码分析
    getGlobalVisibleRect和getLocalVisibleRect
  • 原文地址:https://www.cnblogs.com/YyuTtian/p/4256348.html
Copyright © 2011-2022 走看看