jQuery-Ajax_get_post学习记录

Posted 2021-03-22 dong973711

1、关于jQuery与Ajax

jQuery 提供多个与 AJAX 有关的方法。

通过 jQuery AJAX 方法，能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、html、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。

2、get()与post()方法

参数	描述
url	必需。规定将请求发送的哪个 URL。
data	可选。规定连同请求发送到服务器的数据。
success(response,status,xhr)	可选。规定当请求成功时运行的函数。 额外的参数： response - 包含来自请求的结果数据 status - 包含请求的状态 xhr - 包含 XMLHttpRequest 对象
dataType	可选。规定预计的服务器响应的数据类型。 默认地，jQuery 将智能判断。 可能的类型： "xml" "html" "text" "script" "json" "jsonp"

 

 

 

 

 

 

 

 

 

 

 

 

 

 

（1）、jQuery $.get()方法

定义和用法：

get() 方法通过远程 HTTP GET 请求载入信息。

这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax

语法：

$(selector).get(url,data,success(response,status,xhr),dataType)

$.ajax({
  type:‘GET‘,
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

 

（2）、jQuery $.post()方法

post() 方法通过 HTTP POST 请求从服务器载入数据。

$.ajax({
  type: ‘POST‘,
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

 

type ，请求方式POST、GET， 默认值“GET”