jquery中AJAX请求 $.post方法的使用 - 网站

jquery中AJAX请求 $.post方法的使用

分类:js_jQuery答疑 - 常见问题 · 发布时间:2021-11-04 15:54 · 阅读:5185

使用jQuery的$.post方法可以以POST形式向服务器发起AJAX请求.本篇文章主要给大家讲解jquery中AJAX请求 $.post方法的使用,需要的朋友可以参考下

使用jQuery的$.post方法可以以POST形式向服务器发起AJAX请求。$.post方法是jQuery的实用工具方法。

post和get发送方式的特点, GET 方法提交数据不安全,数据置于请求行,客户端地址栏可见; GET 方法提交的数据大小限制在255 个字符之内。POST方法提交的数据置于消息主体内,客户端不可见, POST 方法提交的数据大小没有限制。

$.post方法语法

$.post(url,parameters,callback)

参数

 

url

(字符串)服务器端资源地址。

parameter

(对象)需要传递到服务器端的参数。 参数形式为“键/值”。

callback

(函数)在请求完成时被调用。该函数参数依次为响应体和状态。

返回值

XHR实例

看个简单的例子

客户端代码:

    

服务端主要代码:

 protected void Page_Load(object sender, EventArgs e) {   if (!Page.IsPostBack)   {     if (Request["id"] != null && !string.IsNullOrEmpty(Request["id"].ToString()))     {       Response.Write( GetData(Request["id"].ToString()));     }   } } protected string GetData(string id) {   string str = string.Empty;   switch (id)   {     case "1":       str += "This is Number 1";       break;     case "2":       str += "This is Number 2";       break;     case "3":       str += "This is Number 3";       break;     default:       str += "Warning Other Number!";       break;   }   return str; }

运行程序,结果如图:

 

用httpwatcher拦截请求信息,当下拉框中选择数字时,可以截取到如下请求信息。

使用$.post方法时的截图:

 

通过上图我们可以看到在POST Data里面有参数,说明这是一次POST请求。

在服务器端状态有改变,或者是修改更新某些数据时多用POST请求。

标签:
ajax post 请求

相关文章

AJAX乱码与异步同步以及封装jQuery库实现步骤详解

这篇文章主要介绍了异步通信技术AJAX乱码问题、异步与同步、手动封装一个jQuery库,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧

AJAX的跨域问题解决方案

跨域简单的说,就是从一个域名的网页去访问另一个域名网页的资源,下面这篇文章主要给大家介绍了关于AJAX的跨域问题解决的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

利用Ajax实现智能回答的机器人示例代码

这篇文章主要介绍了利用Ajax实现智能回答的机器人,本文结合示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

ajax、axios和fetch之间优缺点重点对比总结

今天被问到用没用过ajax axios,我回答经常用axios,但ajax用的比较少,下面这篇文章主要给大家介绍了关于ajax、axios和fetch之间优缺点重点对比总结的相关资料,需要的朋友可以参考下

如何通过axios发起Ajax请求(最新推荐)

Axios是专注于网络数据请求的库,相比于原生的XMLHttpRequest对象,axios简单易用。相比于Jquery,axios更加轻量化,只专注于网络数据请求,这篇文章主要介绍了如何通过axios发起Ajax请求,需要的朋友可以参考下

返回分类 返回首页