美文网首页
使用ajax向后台发送数据

使用ajax向后台发送数据

作者: 橙一万 | 来源:发表于2020-04-20 12:51 被阅读0次

    jquery 向服务器发送一个ajax请求后,可以返回多种类型的数据格式,包括:html,xml,json,text等。

    //这是ajax的标准格式
    $.ajax({
        type:"GET",   //请求方式
        url:"http://www.test.com",    //请求的url地址
        data:{"id":"1","name":"名字"},    //参数值
        dataType:"json",   //返回的数据格式
        contentType:"json/application",  //请求数据类型 默认值: "application/x-www-form-urlencoded"
        async:true,//请求是否异步,默认为异步,这也是ajax重要特性
        beforeSend:function(){
            //请求前的处理
        },
        success:function(req){
            //请求成功时处理
        },
        complete:function(){
            //请求完成的处理
        },
        error:function(){
            //请求出错处理
        }
    });
    

    一般在开发中的写法 实例:

    //页面加载时运行
    $(window).load(function() {
        //获取页面列表
        $.ajax({
            type: "post",
            url: "${base}/xunFeng/selectInfo",
            data: $("#editForm").serialize(),
            datatype: "json",
            success: function(result) {
                //result是服务器返回的JSON结
                if (result.errorcode == "1000") {
                    //清空表单
                    $("#insertFormInfo")[0].reset();
                }
            },
            error: function(xhr, errorType, error) {
                layer.alert('加载失败:' + error);
            }
        });
    });
    

    相关文章

      网友评论

          本文标题:使用ajax向后台发送数据

          本文链接:https://www.haomeiwen.com/subject/zqbyvhtx.html