用jquery的ajax方法,从客户端post数据到服务器段。如何避免数据的序列化有关问题
用jquery的ajax方法,从客户端post数据到服务器段。如何处理数据的序列化问题
<!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/>
<!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/>