美文网首页
使用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技术开发简易版人事管理系统(了解)

    项目介绍 所有功能使用Ajax技术,浏览器发送Ajax请求给后台,后台返回json格式的数据,JS回调函数对返回的...

  • 使用ajax向后台发送数据

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

  • Ajax异步上传原理

    原理:当点击上传时,则调用JS的函数用ajax像后台发送数据。后台接收数据后使用$_FILES获取。获取到后新建一...

  • springMVC 参数 /复杂对象/ List /问题

    这里涉及用ajax向controller发送数据。方法是将ajax发送json数据,controller获取到js...

  • ajax,本地存储

    ajax 发送http请求ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。...

  • React问题汇总

    React和AJax的使用 在页面中动态显示从后台获取到的数据,这个时候需要发送ajax请求.//在hook函数c...

  • 前端(十七)

    ajax:ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原...

  • jQuery ajax 和 正则

    ajax ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原...

  • 前端

    ajax:ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原...

  • 无标题文章

    1、ajax_get.html //ajax //ajax发送请求并拼接请求数据,后台通过一系列操作,返回给前...

网友评论

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

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