ajax

ajax的异步请求之 load    加载公共的html文件
$("#id").load()是一个局部的方法
    通过jquery的选择器作为开始调用load方法 
   
    load()方法是异步的,加载的信息中如果需要事件响应,必须通过回调函数来实现,也就是说所有load加载的数据中的事件都要写在回调函数中
    load()方法如果想要请求不同结构的内容,可以把这些内容写到一个文件中,请求数据时,在url后加一个请求容器的选择器名称即可(这里选择器建议使用基本选择器)
        $("#id").load("路径 #id(引入的文件中的id),function(){事件}")
 
ajax请求之  $.get 或 $.post
$.开始的ajax请求方式是全局方法,获取到结果都是对象
$.get(三个参数)   以get方式请求数据
    1、url 路径
    2、向服务器发送的数据
    3、回调函数
 
$.post()  以post方式请求数据,且在服务器下运行  用法同$.get()
 
ajax请求之  $.getJson()      $.getScript()
$.getJson("xxx.json",data, 回调函数) 
    通过这种方式请求json数据   三个参数:url,data,function(){}
 
$.getScript("xxx.js",回调) 
    通过这种方式获取js脚本数据,并立即执行请求的脚本代码
    返回的是获取的数据
 
$.ajax  
jquery的ajax请求服务器传递过来的数据一般都是object对象(请求的数据是object类型)
 
获取数据
     $.ajax({
          type:"get",  type是请求数据方式
          url:"http://127.0.0.1/jqAjx1706/data.json", 请求路径
          data:{}  向服务器发送数据
          success:function(json){ 服务器通过success方法并获取处理的结果, 
              console.log("成功");
          }
     });
或 $.ajax 方法返回一个deffered对象  (类似promise)    
如果请求数据成功,通过done方法获取服务器的数据
var deff = $.ajax({ type:,url: })
deff.done(function(){
 
})
 
发送数据
    $.ajax(
        type:"get",
        url:"",
        async:true, async是否异步,true表示默认异步
        success:function(json){}
    )
 
常用方法:
     $.ajax({
          type:"get",
          url:"http://127.0.0.1/jqAjax1706/data.json";,
          datatype:"json",//指定请求数据的类型    请求数据类型如果是json   表示正常ajax请求   如果是jsonp,表示跨域请求
          data:{"name":"admin"},//向服务器发送数据
          success:function(res){
              //alert(typeof res);
              //此处处理服务器返回数据的业务逻辑
          }
     });
 
ajax跨域:
$.ajax({
       type:"get",
        dataType:"jsonp", 
        jsonCallback:"fn"   //设置回调函数
});
function  fn(msg){
    alert( msg );
}
原文地址:https://www.cnblogs.com/tis100204/p/10297219.html