jQuery的ajax方法

来源:互联网 发布:招标软件哪个好 编辑:程序博客网 时间:2024/06/07 03:46

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('结束')    }})

如下这种也可以将文件也能传到后台

var conform=$("form[name='contentAddForm']")[0];//得到表单        if(conform==null||conform==undefined){            alert("null");            return;        }    var conFormData= new FormData(conform);        $.ajax({            url: 'wshlfx.com',//请求路径            type: 'POST',            success: function(data){                if("success"==data){//成功                }else{                    alert("操作失败,请稍后重试!");                }            },error:function(){                alert("系统繁忙,请稍后再试!");            },            data:conFormData,// Form数据            //设置jQuery不处理数据或担心的内容类型            cache: false,            contentType: false,            processData: false        })
0 0