ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

jQuery-Ajax_get_post学习记录

2019-12-18 11:51:29  阅读:213  来源: 互联网

标签:jQuery 请求 success get dataType url Ajax data


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,请求,success,get,dataType,url,Ajax,data
来源: https://www.cnblogs.com/dong973711/p/12059114.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有