码迷,mamicode.com
首页 > Web开发 > 详细

jQuery-Ajax_get_post学习记录

时间:2019-12-18 12:59:05      阅读:72      评论:0      收藏:0      [点我收藏+]

标签:width   code   lis   学习   运行   sel   xhr   type   功能   

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”

jQuery-Ajax_get_post学习记录

标签:width   code   lis   学习   运行   sel   xhr   type   功能   

原文地址:https://www.cnblogs.com/dong973711/p/12059114.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!