美文网首页
jQuery中ajax发送请求

jQuery中ajax发送请求

作者: 吴涛涛 | 来源:发表于2019-07-31 09:45 被阅读0次
$(function() {
   $.ajax({
        type:'post',
        url:'xxxx.action',
        dataType:'json',
        async:'true', //默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。
        data:{  'Id' : $('#Id').val()  }, //这里的data是一个对象
           success:function(data) {    //这里的data是ajax发送请求后返回的数据
                if(data != null && data.length > 0){
                       //这里写成功的信息
                  }
          },
            error:function() {
                        //失败信息
           },
   });
});
注意: 我们拿着这个form对象,去赋给Ajax的data,并且阻止它将参数转成成String类型的键值对,此举需要设置processData属性为false,此属性默认为true;同时设置Ajax的编码方式为false(contentType: false),在form表单里已经设置了编码方式,Ajax的编码机制已经不需要,这样我们就可以用Ajax去提交一个form对象,从而解决表单有附件的问题。需要注意的是,务必将Ajax的提交方式,设置为post,get请求只能携带几kb的数据。若是不设置processData为false,去提交带附件的form同样是提交不上去的,它的序列化机制是硬伤。所以提交的时候,只能不使用它的序列化机制。

相关文章

  • Ajax-03

    jQuery 中的 Ajax $.ajax()方法概述 作用:发送Ajax请求。 可替换属性 作用:发送jsonp...

  • JavaScript学习笔记(三十三)-- jQuery(下)

    jQuery 今天我们继续来聊 jQuery 发送 ajax 请求 发送 get 请求 发送 post 请求 综合...

  • jQuery中ajax发送请求

    注意: 我们拿着这个form对象,去赋给Ajax的data,并且阻止它将参数转成成String类型的键值对,此举需...

  • 前端-04-ajax

    1.概述 实际工作中jquery提供的ajax无法满足要求,常自行封装 发送ajax请求-原生 post请求 用户...

  • Jquery_ajax

    在jQuery中发送一个Ajax请求常用的有以下方式: ①方式一 :$.ajax( object ) jQuery...

  • react 发送ajax请求

    ajax请求 发送ajax请求的几种方式JQuery:一般不用,太重,不是专事专做axios: axios.get...

  • Ajax请求

    jQuery发送Ajax请求 hello world! 改变文字内容 $(function(){ var $bt...

  • React中的“ajax”

    React没有ajax模块 集成其他的js库(如axios/fetch/jquery),发送ajax请求axios...

  • jQuery发送AJAX请求

    案例:一、 创建一个huimaiche.sql 二、创建一个car_select.bytype.php 三、创建一...

  • Jquery 发送ajax请求

    源码如下: 源码比较简单,如上所示,其中URL指要请求的服务端的后台代码地址。可以为php,java,.net等后...

网友评论

      本文标题:jQuery中ajax发送请求

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