zoukankan      html  css  js  c++  java
  • ajax的几种使用

    使用ajax的几种方式:

    1、常用的写法,也是功能最强的写法:

     1 $.ajax({
     2    
     3      type: "GET",---->此处也可以写“POST”请求
     4     
     5      url: "select",
     6    //ajax请求地址  
     7      dataType:'json',
     8     
     9      data: {id:1001},//也可以是字符串链接"id=1001",建议用对象
    10     
    11      success: function(data){
    12   
    13 
    14      if(data.message==="success"){
    15    }
    16      console.log("返回的数据: " + data );
    17    
    18      }

    2、$.ajax()经常用到的一个工具函数

     ajax提交数据的时候,通常是提交一个表单,所以,序列化表单数据就非常有用,如:$("form").serialize()

     1 $.post(url,formData,
     2        //$.ajax() post方法简写形式,$.post("请求url","发送的数据对象","成功回调","返回数据类型");  
     3         function(data){
     4          //返回成功,可以做一个其他事情
     5                 
     6           console.log(data);
     7           },
     8           'json');//返回的数据类型
     9         
    10     //阻止表单默认提交行为
    11         
    12     return false
    13     
    14 })

    $.ajax() GET方法和POST方法的简写

     1 $.get(
     2     "url",
     3     {userID:"123"},
     4     function(response) {
     5         //回调函数方法体
     6     }
     7 )
     8 
     9 
    10 $.post(
    11     "url",
    12     {userID:"123"},
    13     function(response) {
    14         //回调函数方法体
    15     }
    16 )

    3.
    1 // 以get请求形式获取到json的ajax数据(只有get请求有json格式,post没有!!!!)
    2             /*$.getJSON("url", function (data) {
    3 
    4             });*/


    其实以上的几种方式所要获得的结果都是一样的,只是书写形式上的差别,还有就是get请求或者post请求的区别;

    ajax中post和get的区别(转自:https://blog.csdn.net/qq_38499084/article/details/79699210

    get和post都是向服务器发送一种请求,只是发送机制不同 
    1 GET请求会将参数跟在URL后进行传递,而POST请求则是作为HTTP消息的实体内容发送给WEB服务器。 
    2.首先是”GET方式提交的数据最多只能是1024字节”,Post传输的数据量大,可以达到2M。 
    3.get方式请求数据会被浏览器缓存起来,因此其他人就可以从浏览器的历史记录中读取到这些数据,例如账号密码等。在某种情况下,get方式会带来严重的安全问题。

    而post方式相对来说就可以避免这些问题。 
    4.Post请求必须设置Content-Type值为application/x-form-www-urlencoded; 
    5.发送请求时,因为Get请求的参数都在url里,所以send函数发送的参数为null,而Post请求在使用send方法时,却需赋予其参数;

    在服务器端的区别:

    在客户端使用get请求时,服务器端使用Request.QueryString来获取参数,而客户端使用post请求时,服务器端使用Request.Form来获取参数. 
    HTTP标准包含这两种方法是为了达到不同的目的。POST用于创建资源,资源的内容会被编入HTTP请示的内容中。例如,处理订货表单、在数据库中加入新数据行等。

    当请求无副作用时(如进行搜索),便可使用GET方法;当请求有副作用时(如添加数据行),则用POST方法。一个比较实际的问题是:GET方法可能会产生很长的URL,

    或许会超过某些浏览器与服务器对URL长度的限制。

    若符合下列任一情况,则用POST方法:

    • 请求的结果有持续性的副作用,例如,数据库内添加新的数据行。
    • 若使用GET方法,则表单上收集的数据可能让URL过长。
    • 要传送的数据不是采用7位的ASCII编码。

    若符合下列任一情况,则用GET方法:

      • 请求是为了查找资源,HTML表单数据仅用来帮助搜索。
      • 请求结果无持续性的副作用。
      • 收集的数据及HTML表单内的输入字段名称的总长不超过1024个字符。















    乾坤未定,你我皆是黑马
  • 相关阅读:
    Messari分享:如何成为专业的加密分析师
    优化 | 运筹学:从入门到毕业
    超33000行新代码,为Linux内核添加Rust支持的补丁已准备就绪
    链上数据分析提供商及产品
    50年最重要,8大统计学发展!哥大教授论文列举推动AI革命的统计学思想
    清华大学李升波老师《强化学习与控制》,附课件
    111-STM32+ESP8266+AIR202基本控制篇-移植单片机MQTT包,实现stm32+esp8266连接MQTT服务器(透传和非透传模式下都有)
    2-STM32+ESP8266+AIR202基本控制篇-整体运行测试-APP使用SmartConfig配网绑定ESP8266,并通过MQTT和ESP8266实现远程通信控制
    2-STM32+ESP8266+AIR202基本控制篇-整体运行测试-微信小程序扫码绑定Air302(NB-IOT),并通过MQTT和Air302(NB-IOT)实现远程通信控制
    移远BC260Y模块使用手册
  • 原文地址:https://www.cnblogs.com/liuqijia/p/11437888.html
Copyright © 2011-2022 走看看