如何使用jquery提供的$ajax方法向后台传对象集合

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用jquery提供的$ajax方法向后台传对象集合相关的知识,希望对你有一定的参考价值。

ajax() 方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。

工具原料:编辑器、浏览器

1、使用ajax改变文本的一个简单的代码实例如下:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
  $("#b01").click(function()
  htmlobj=$.ajax(url:"/jquery/test1.txt",async:false);
  $("#myDiv").html(htmlobj.responseText);
  );
);
</script>
</head>
<body>

<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
<button id="b01" type="button">改变内容</button>

</body>
</html>

2、运行的结果如下图:

参考技术A

创建一个对象

var obj = ;
obj.name = 'name';
obj.list = [1,2,3];

 作为post参数发送请求

$.ajax(
    url : '',
    type: 'post',
    data: 
        obj: obj
    
);

本回答被提问者采纳

js jquery中的$.ajax中的data属性需要用json格式向后台发送数据

js jquery中的$.ajax中的data属性需要用json格式向后台发送数据那么是下面那种呢
比方说穿username和pwd
data:uname:"tom",pwd:123
data:'"uname":"tom","pwd":123'

最好是使用第一种,然后后台用2个属性接收,或者用对象接收都可以。
第二种一般是后台用字符串接收,比如前端传值是data:str='"uname":"tom","pwd":123'
那么后端就用str的String类型接收就可以了!

另外推荐一个JSON工具给您。

JSON在线解析:http://www.sojson.com/
参考技术A data:uname:"tom",pwd:123 是正确的追问

我写的第一种是json对象格式,第二种是json字符串格式吧?

追答

是的 第二种是json字符串格式 但是data 需要的是json 对象

追问

是不是也可以JSON.parse转一下,就是麻烦了,

追答

只要是json 对象就可以的 不管用什么方法

参考技术B data:uname:"tom",pwd:123

以上是关于如何使用jquery提供的$ajax方法向后台传对象集合的主要内容,如果未能解决你的问题,请参考以下文章

asp.net利用Ajax和Jquery在前台向后台传参数并返回值

Ajax向后台传递数组问题的解决方法

Ajax向后台传递数组问题的解决方法

js jquery中的$.ajax中的data属性需要用json格式向后台发送数据

MVC中前台如何向后台传递数据------$.get(),$post(),$ajax(),$.getJSON()总结

jquery 多个ajax()请求。