您现在的位置:首页 >> 前端 >> 内容

jQuery的ajax方法

时间:2017/4/4 9:17:00 点击:

  核心提示:jQuery的ajax方法:form数据的序列化:// submit 表示按钮id// form表示from表单id$(#submit).click(function(){//会根据input里面的n...

jQuery的ajax方法:form数据的序列化:

// submit 表示按钮id
// form表示from表单id
$('#submit').click(function(){

    //会根据input里面的name,把数据序列化成字符串;eg:name=yang
    //注意:input没有name会获取不到值
    $('#form').serialize();

    //会根据input里面的name,把数据序列化成数组;eg:[object]
    //注意:input没有name会获取不到值
    $('#form').serializeArray();    
  
    //下面两种不是jQuery的方法
    JSON.parse();//json字符串转化为json对象
    JSON.stringify();//json对象转化为json字符串
});

jQuery的ajax方法:

$.ajax({
    url:'wshlfx.com',//请求路径
    type:'POST',//GET 请求方式
    async:true,//或false,是否异步
    data:{
        name:'yang',age:25
    },
    timeout:5000,//设置超时时间
    dataType:'json',//返回的数据格式:格式有 json/xml/html/script/jsonp/text 几种
    beforeSend:function(xhr){//发送前方法
        console.log(xhr)
        console.log('发送前')
    },success:function(data,textStatus,jqXHR){//请求成功方法
        console.log(data)
        console.log(textStatus)
        console.log(jqXHR)
    },error:function(xhr,textStatus){//请求失败方法
        console.log('错误')
        console.log(xhr)
        console.log(textStatus)
    },complete:function(){//结束方法
        console.log('结束')
    }
})

Tags:JQ QU UE ER 
作者:网络 来源:不详
  • 上一篇:JS排序算法
  • 下一篇:认识dom