用jquery的ajax方法，从客户端post数据到服务器段。如何处理数据的序列化问题...

最新推荐文章于 2024-07-14 18:05:06 发布
最新推荐文章于 2024-07-14 18:05:06 发布
阅读量111 收藏
点赞数
分类专栏： jquery 文章标签： Ajax jQuery json WebService XHTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Henry_lxl/article/details/83636294
版权
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>

<script src="jquery-1.3.2.js" type="text/javascript"></script>

<script src="jquery.json-2.2.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("#Text1").click(function() {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "WebService.asmx/HelloWorld",
data: "{}",
dataType: "json",
success: function(data) { displayResult(data); }
})
}
);
function displayResult(data) {

alert(data.d);
}
var vobj = {
_type: "Person",
name: "Hugo",
age: 23,
address: {
country: "china"
}
}
$("#Button1").click(function() {
$.ajax({
type: "POST",
url: "Default.aspx",
dataType: "json",
data:$.toJSON(vobj)

})
});

});






</script>

</head>
<body>
<div>
<input id="Text1" type="text" /></div>
<input id="Button1" type="button" value="button" />
</body>
</html><br/>
得到的结果如下：Request.Form[0]＝"{"_type":"Person", "name":"Hugo", "age":23, "address":{"country":"china"}}“<br/>
Henry_lxl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery序列化form表单使用ajax提交后处理返回的json数据
10-26
本篇文章将详细讲解如何使用jQuery序列化form表单，然后通过Ajax提交这些数据，并处理返回的JSON数据。 首先，让我们理解“序列化”这个概念。在Web开发中，序列化是指将表单数据转换为字符串格式，这样可以方便地...
解决ajax发送请求（POST）参数数据量大的问题 ：post请求
热门推荐
Sonsay的专栏
01-09 1万+
解决ajax发送请求参数数据量大的问题 在开发中遇到需要用到ajax从前台传大量数据到后台的的处理操作。需要进行三个方面的改动：（1）前台（2）后台（3）Tomcat。总结要点如下： 一、前台： 1. 使用jQuery提供的 $.ajax()进行多个参数的配置。不再使用$.post()、$.get()、$.getJSON()。 2. 使用post请求，因为get请求后面的参数限制大小。 ...
表单和POST提交数据序列化，GET不需要序列化
qq_39038793的博客
01-07 1460
Submit提交表单数据序列化 get是将未加密的明文数据追加到url后面提交，post是将未加密的明文数据封装到请求体。所以说这两种方式虽然一个是在url可见一个不可见，但严格意义上都是不安全的，想要安全只能使用https。无论是submit还是ajax都是这样的。 submit提交的数据属于默认提价方式，所以submit的get和post都是经过序列化后的可以被直接识别，并且序...
JQuery的AJAX调用——序列化
weixin_34268753的博客
01-10 182
一，使用serialize()方法序列化表单元素值 使用serialize()方法可以将表单中有name属性的元素值进行序列化，生成标准URL编码文本字符串，直接可用于ajax请求，它的调用格式如下： $(selector).serialize() 其中selector参数是一个或多个表单中的元素或表单元素本身。 ...
$.ajax json数据传递方法
10-30
- 使用现代的JSON序列化库，如`Newtonsoft.Json`（.NET）或`JSON.stringify`（JavaScript），来更安全地处理JSON序列化和反序列化。 - 考虑使用`async: false`或Promise（在jQuery中，可以使用`.then()`）来处理...
$.ajax传JSON数据到后台出现报错问题解决
10-26
总结起来，解决$.ajax传输JSON数据到后台出现的问题，需要关注数据格式、空值处理、前端检查、后台接收方式、错误处理以及数据序列化等环节。通过以上步骤，你应该能更有效地避免和解决问题，确保数据顺畅地在前后端...
$.ajax传JSON数据到后台的注意事项小结
10-25
在特定场景下，我们可能需要传递JSON格式的数据到后台，这通常涉及到序列化、数据格式化以及与服务器端的对接问题。下面我们将详细探讨在使用`$.ajax`传JSON数据到后台时需要注意的一些关键点。 首先，了解JSON...
jqueryajax的$post和$get方法共3页.pd
10-30
在实际应用中，`$.post()`和`$.get()`可以与jQuery的其他功能结合使用，如`serialize()`（序列化表单数据）和`ajaxStart()`/`ajaxStop()`（监控Ajax请求状态）。此外，它们还可以通过设置选项来定制请求行为，例如...
MVC3/4项目开发中遇到的ajax提交Json数据到后台Controller处理（接收参数）
weixin_30814223的博客
06-06 161
注：（原文链接：http://www.cnblogs.com/aehyok/archive/2013/05/18/3085499.html）本文只做收藏，方便以后学习使用 我这边通过原文的理解做了部分修改，没有使用JsonNet.js这个文件对json数据进行序列化，而是直接使用jquery.js的JSON.stringify() 前言 　　jQuery提供的ajax方法能很方便的实现客户端...
ajax表单序列化后台接收,jquery ajax 序列化表单传参提交实体对象到后台action
weixin_39684454的博客
08-05 432
========action后台我这里使用的是SpringMVC如果用ssh用法一致===============@Controller@RequestMapping("PubjobController")public class PubjobController {@Autowiredpublic PubjobServices pubjobServices;//业务层使用注解的方式//Pubjo...
jquery ajax 序列化,jQuery与Ajax以及序列化
weixin_36187176的博客
08-05 253
关于AJAX所谓Ajax，全名Asynchronous JavaScript and XML。(也就异步的JS和XML)简单点来讲就是不刷新页面来发送和获取数据，然后更新页面。Ajax的优势•无需插件支持•优秀的用户体验•提高web程序的性能•减轻服务器和带宽的负担Ajax的不足•浏览器兼容不足•破坏浏览器前进和后退按钮的正常功能•对搜索引擎的支持不足•开发和调试工具的 缺乏好吧，这些都是几年前的...
Python应用爬虫下载QQ音乐歌曲！
Python_trys的博客
07-12 1771
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970。
vue2 实现原生 WebSocket
weixin_38797742的博客
07-11 418
原生WebSocket： new WebSocket。
【Flask从入门到精通：第三课：http的请求与响应】
weixin_50556117的博客
07-11 986
在 Flask 中，可以很方便的返回自定义状态码，以实现不符合 http 协议的状态码，例如：status code: 666# 应用实例对象def rep():"""常用以下写法"""# """原理"""# """原理"""# response.headers["Company"] = "oldboy" # 自定义响应头# response.status_code = 201 # 自定义响应状态码# 启动项目的web应用程序。
最新JJWT 0.12.6学习
最新发布
weixin_43443913的博客
07-14 648
JJWT（Java JWT）是Java平台上相当流行的用于生成Json Web Token的库，其更新速度非常快，导致网上许多教程在如今看来都已经过时。本文将对最新的JJWT官方github页进行个人的中文解释，力求做到与官方同步。毫无疑问,jjwt也是支持自定义声明的，使用Claim()方法即可在payload中插入自己想要的键值对。
前端工具-json-server
zhangankang的博客
07-14 141
以项目为例，介绍前端mock数据的方式；
Protobuf: 大数据开发中的高效数据传输利器
一个7年大数据开发工程师的碎碎念
07-11 1679
Protobuf 是一种灵活、高效的序列化工具，由 Google 开发。它可以将结构化的数据序列化为二进制格式，这种格式比 JSON 或 XML 更加紧凑和高效。通过这些示例，我们可以看到 Protobuf 在大数据传输中的强大优势。它不仅提高了数据传输的效率，还保证了数据的类型安全。如果你的项目中也需要处理大量的数据传输，不妨尝试一下 Protobuf，如果不大量还是 json 吧～
$.ajax返回的json类型数据被自动按下标排序了，如何不按下标排序
07-12
如果您使用`$.ajax`方法获取的JSON类型数据被自动按下标排序了，您可以通过设置`$.ajax`的`traditional`参数为`true`来避免排序。 示例代码如下： ```javascript $.ajax({ url: 'your-url', type: 'POST', dataType: 'json', traditional: true, // 设置traditional参数为true data: yourData, success: function(response) { // 在这里处理返回的数据 // 不会自动按下标排序 } }); ``` 通过将`traditional`参数设置为`true`，JQuery将会按照传统方式对数组进行序列化，而不是按照下标排序。这样可以确保返回的JSON数据按照原始顺序进行处理。请注意，这个选项只适用于传递数组数据。 如果您不想使用`$.ajax`方法，也可以使用`$.post`方法来实现相同的效果，只需将上述代码中的`$.ajax`替换为`$.post`即可。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值