jquery中的 ajax实现

jquery中的 ajax

jquery 中 的 ajax 六个方法

1. load( ) 方法

url : 异步请求的地址

data ：异步请求的数据 如果没数据的为get 有数据的话是post

callback: 异步请求成功后的回调函数

返回值 - 服务器端的响应结果

注意： 自动将返回结果写入到目标元素中

  $('button').click(function(){
                $('button').load('json.json',{zhang:ni},function(){
                    console.log('chengl')
                })
            })

2. $get（）/ $ post方式事业get方式向服务端发送异步请求

url : 异步请求的地址

data ：异步请求的数据

callback: 异步请求成功后的回调函数 function(response){ }

type 设置返回数据内容的格式 值为 xml html script json text 和 _default

 $('button').click(function(){
              $.get('json.json',function(response){
                  console.log('请求成功')
              },'text')
                })

3. $ajax() 方法是中jquery 中最为底层的 ajax 方法

url ：请求HTML 页面的url 地址

settings: key/value 形式的请求设置(请求参数)

​ type - 设置请求方式

​ data - 发送给服务器端的请求数据

​ dataType - 服务器端响应结果的格式

​ success - 异步请求成功后的回调函数

​ function（data,textStatus,jqXhr）{}

​ data - 表示服务器端响应的结果

​ textStatus - 表示服务器端当前的状态

​ jqXHP - ajax 中的核心对象

$('button').click(function(){
             $.ajax('json.json',{
                 type:'get',
                dataType:'text',
                 success:function(data){
                     console.log(data)
                 }
             })
            })

4. $getScript( ) 方法

动态加载指定ja 文件 并且执行

  $('button').click(function(){
                $.getScript('xml.js',function(data){
                    console.log(data)
                    eval(data)
                })
            })

5. $getJSON() 方法

只用于加载json 格式的数据内容