ajax post data数据传值分析

淩亂°似流年 2022-05-20 08:27 165阅读 0赞

今天在看opencart的代码的时候，看到一个很奇特的写法：

$.ajax(\{  
url: 'index.php?route=checkout/payment\_address/validate',  
type: 'post',  
data: $('\#payment-address input\[type=\\'text\\'\], \#payment-address input\[type=\\'password\\'\], \#payment-address input\[type=\\'checkbox\\'\]:checked, \#payment-address input\[type=\\'radio\\'\]:checked, \#payment-address input\[type=\\'hidden\\'\], \#payment-address select'),  
  
dataType: 'json',  
beforeSend: function() \{  
$('\#button-payment-address').prop('disabled', true);  
$('\#button-payment-address').after('<span class="wait">&nbsp;<img src="catalog/view/theme/default/image/loading.gif" alt="" /></span>');  
\},  
complete: function() \{  
$('\#button-payment-address').prop('disabled', false);  
$('.wait').remove();  
\},  
success: function(json) \{  
$('.warning, .error').remove();

...此处略去代码 n行

data传递参数，这个包括了所有当前页面input  type=text域的值，input  type=password域的值 ,input type=checkbox 选中域的值 以及radio,hidden,select域的值都会传递过去，在url 处理页面  'index.php?route=checkout/payment\_address/validate' ，可以这样接收 来自html页面ajax传过来的值：

$this->request->post\['payment\_address'\]，其中payment\_address就是 html页面里面的  <input type="radio" name="payment\_address" value="existing" id="payment-address-existing" checked="checked" /> 的。

所以data传参数的形式除了\{key:value\}的形式，还有这样的一种 强大的数据处理方式。

希望对大家有帮助

发表评论取消回复

表情：

评论列表（有 0 条评论，165人围观）

还没有评论，来说两句吧...

相关阅读

相关 HttpClient post提交multipart/form-data数据实现文件上传

场景：前端提交multipart/form-data数据，由api服务A将请求转发到api服务B A服务工具类方法如下： public static Map<Str

た入场券/ 2022年12月27日 08:47/ 0 赞/ 146 阅读

相关 ajax用data向后台传数据,ajax data数据里面传一个json到后台的写法

$.ajax(\{ url:url+"/crm/contact", type:\\'PUT\\', contentType: "application/json", t

Love The Way You Lie/ 2022年09月03日 13:27/ 0 赞/ 143 阅读

相关 ajax 的data,ajax请求的data数据格式

ajax提交data类型一、问题来源今天使用ajax时，发现get传data时，传递json字符串时传不过去参数，所以做了一些实验测试ajax的get和post的传递d

妖狐艹你老母/ 2022年09月03日 06:25/ 0 赞/ 184 阅读

相关 PHP之AJAX、POST传值【顶、踩】

顶一下为事例： top\_reply表结构:id标识，rid关联ID，uid用户 <script> function topreply(arid,r

刺骨的言语ヽ痛彻心扉/ 2022年07月11日 16:13/ 0 赞/ 132 阅读

相关 ajax post 提交大量数据

在做个彩票项目的时候，有个业务是需要一个大型的数组通过ajax把一个大型数组传到后台，网上搜了一大轮，发觉说的都是说这种方式使用ajax不符合业务要求。或者问非所答，很少

秒速五厘米/ 2022年06月12日 09:45/ 0 赞/ 403 阅读

相关 Multipart/form-data POST文件上传详解

Multipart/form-data POST文件上传详解理论简单的HTTP POST 大家通过HTTP向服

「爱情、让人受尽委屈。」/ 2022年06月05日 07:41/ 0 赞/ 268 阅读

相关 ajax post data数据传值分析

今天在看opencart的代码的时候，看到一个很奇特的写法： $.ajax(\{ url: 'index.php?route=checkout/payment\_

淩亂°似流年/ 2022年05月20日 08:27/ 0 赞/ 166 阅读

相关 AngularJS 学习笔记值post传值

问题直接调用$http.post()方法时传值格式是这样的 ![001Gk62fgy6JpEkGV5ed8_690][] php接收端接收到的是json格式的，怎么做的

约定不等于承诺〃/ 2022年03月30日 04:07/ 0 赞/ 164 阅读

相关 SpringMVC ajax传值问题

AJAX前端请求数据处理 SpringMVC后台接受请求数据 SpringMVC对返回给前端数据处理 AJAX前端处理后台返回的数据注意点： 1.

系统管理员/ 2022年03月02日 06:08/ 0 赞/ 291 阅读

相关 AJAX 传值数据类型问题

AJAX 传值数据类型问题问题重现：今天在用AJAX向后台传jobNo值的时候，发现无论怎样后端取到到的值都是null; 附图（前台A

淡淡的烟草味﹌/ 2021年12月16日 03:13/ 0 赞/ 265 阅读