在Ajax中使用JSON传递数据 [ZT]
中使用function构建函数类,在.net服务器方使用JSON类库解析
此JavaScript函数类达到JavaScript与服务器传递数据的目的.
常被用于Ajax中.
请求页send_json_request.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="send_json_request.aspx.cs" Inherits="Ajax_send_json_request" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<script language="javascript" src="json.js"></script>
<script language="javascript">
var xmlHttp;
function createXMLHttp()
{
if (window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}
function user(name,pwd)
{
this.Name = name;
this.Pwd = pwd;
}
function getUser()
{
return new user(document.getElementById('txtName').value,document.getElementById('txtPwd').value);
}
function getUserInfo()
{
var user1 = getUser();
var json_user1 = JSON.stringify(user1);
createXMLHttp();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("POST","send_json_response.aspx?timeStamp="+new Date().getTime(),true);
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlHttp.send(json_user1);
return false;
}
function handleStateChange()
{
if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
{
alert(xmlHttp.responseText);
}
}
</script>
</head>
<body>
<form id="Form1" runat="server">
<div>
用户名:
<input type="text" name="txtName" id="txtName">
密码:
<input type="text" name="txtPwd" id="txtPwd">
<input type="button" name="Submit" value="查看用户信息" onClick="return getUserInfo();">
</div>
</form>
</body>
</html>
响应页send_json_response.aspx:
using System;
using System.Collections.Generic;
using System.Text;
using Newtonsoft.Json;
using System.IO;
using NUnit.Framework;
public partial class Ajax_send_json_response : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string str = string.Empty;
byte[] bytes = Request.BinaryRead(Request.TotalBytes);
str = System.Text.Encoding.UTF8.GetString(bytes);
User u = (User)JavaScriptConvert.DeserializeObject(str, typeof(User));
if (u.Name.ToLower().Equals("admin") && u.Pwd.ToLower().Equals("admin"))
{
Response.Write("管理员");
}
else if (u.Name.ToLower().Equals("user") && u.Pwd.ToLower().Equals("user"))
{
Response.Write("普通用户");
}
else
{
Response.Write("输入错误");
}
}
new class User
{
private string name;
private string pwd;
public string Name
{
set { this.name = value; }
get { return this.name; }
}
public string Pwd
{
set { this.pwd = value; }
get { return this.pwd; }
}
}
}
注:上例需要json.js,Newtonsoft.Json.dll,nunit.framework.dll.
