JS,Jquery发起ajax的方式总结

JS中有两种发起ajax的方式:

  • GET方式:

  • POST方式:

  • ajax获取从服务器返回的数据是 ajaxObj.responseText获取
  • ajax 给服务器发送数据: get post
  • get: url重写(拼接) ---- 数据量小 简单数据 不安全
  • post:send(数据) 请求体(页面看不到) 数据量大 简单或复杂数据 安全
  • application/x-www-form-urlencoded表示表单默认以字符串的形式发送
  • multipart/form-data 表单数据以二进制流的方式发送
  • ajaxObj.setRequestHeader其实就是修改请求头(请求报文)里面的额Content-type值

Jquery有三种发起ajax的方式:

jquery 提供了三种 ajax 请求的函数,分别为: $.ajax() , $.get() , $.post() ,下面是一个 jquery 实现ajax

  • get方式


  • get方式
	$.get(url,data,callback,type); 
	// data为 发送的数据  {key:value}形式 , 
	//	callback成功时的回调函数 function(result){}  result 后台返回的数据
	// type  返回的数据类型  默认为 text ,可以设为 json text 
例子:
$.post("url",{name:"小钱",age:"20"},function(date,Status){
   if(Status=="success")
      {
     alert("成功");
       }
    });
  • post方式
	$.post(url,data,callback,type);

参考来源:
https://blog.csdn.net/dadadashixiong/article/details/78878247
https://blog.csdn.net/qq_37176126/article/details/73277972

你可能感兴趣的:(前端基础)