使用ajax向后台发送数据

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);
        }
    });
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,172评论 0 3
  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 8,706评论 0 7
  • Ajax的基本概念及使用 同步&异步 同步:必须等待前面的任务完成,才能继续后面的任务; 异步:不受当前主要任务的...
    magic_pill阅读 6,036评论 0 5
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 7,412评论 0 7
  • 本文重点是来讲讲jQuery中调用ajax的4种方法:$.get、$.post、$getJSON、$ajax。内容...
    wangyujie1207阅读 5,555评论 0 9

友情链接更多精彩内容