建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)jSON教程：ASP.NET(AJAX+JSON)實現(xiàn)對象調(diào)用
客戶端
代碼如下:
網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了盤山免費建站歡迎大家使用！
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ASP.NETA_JAX.aspx.cs" Inherits="_Default" %>
服務(wù)器
代碼如下:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.Script.Serialization;
public partial class _Default : System.Web.UI.Page ,ICallbackEventHandler
{
Users u = null;
protected void Page_Load(object sender, EventArgs e)
{
//回調(diào)GetRegister方法
string CallBackFun = Page.ClientScript.GetCallbackEventReference(this,"arg","GetRegister","context");
//創(chuàng)建ServerSum方法,在客戶端調(diào)用的時候就,會回調(diào)GetRegister方法,把參數(shù)傳給RaiseCallbackEvent(string eventArgument ),最后通過
//GetCallbackResult()方法把返回值傳給客戶端
string RegisterFun = string.Format("function ServerSum(arg,context){{{0};}}",CallBackFun);
Page.ClientScript.RegisterClientScriptBlock(this.GetType(),"ServerSum",RegisterFun,true);
}
string mssage = string.Empty;
#region ICallbackEventHandler 成員
public string GetCallbackResult()
{
return "服務(wù)器:你好,你的用戶名為:" + u.Name + "你的年齡為" + u.Age;
}
public void RaiseCallbackEvent(string eventArgument)
{
JavaScriptSerializer js = new JavaScriptSerializer();
u =js.Deserialize(eventArgument);
}
#endregion
} Users類
代碼如下:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
///
///User 的摘要說明
///
public class Users
{
string name;
public string Name
{
get { return name; }
set { name = value; }
}
string age;
public string Age
{
get { return age; }
set { age = value; }
}
} 原理:
使用JSON向服務(wù)器發(fā)送一個對象,服務(wù)器通過實現(xiàn) ICallbackEventHandler接口后,重寫GetCallbackResult和RaiseCallbackEvent方法,在回調(diào)的時候,在RaiseCallbackEvent方法中反序列化JSON,并在GetCallbackResult把結(jié)果返回給客戶端.
asp.net中使用jquery+ashx做ajax，json做數(shù)據(jù)傳輸
一、準(zhǔn)備工作
1.建web應(yīng)用程序aspnetAjax
2.建index.htm
3.建個js文件夾，把jquery.js放進(jìn)去，
4.建ajax文件夾，里面放ashx
5.在js文件夾建index.js，一般我們都是一個頁面對應(yīng)一個js
6.在ajax文件夾，建IndexHandler.ashx，一般一個js頁面對應(yīng)一個一般用戶控件，這樣層次感很強(qiáng)，也很好維護(hù)。
二、html頁面
html頁面就簡單了，我們要用ajax讀后臺做個下拉列表，所以頁面就放個DIV就行了。其他的交給js.
代碼：
測試
企業(yè)性質(zhì)
行業(yè)類型
編寫IndexHandler.ashx代碼
代碼：
namespace aspnetAjax.ajax
{
///
/// $codebehindclassname$ 的摘要說明
///
public class IndexHandler : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "application/json";
//接收提交過來的meth參數(shù)
string meth = context.Request.Params["meth"].ToString();
//根據(jù)參數(shù)調(diào)用不同的方法
switch (meth)
{
case "load":
loadjson(context);
break;
case "add":
add(context);
break;
}
}
public bool IsReusable
{
get
{
return false;
}
}
//頁面加載方法，調(diào)用BLL，獲得數(shù)據(jù)
private void loadjson(HttpContext context)
{
//實例BLL
VocaSpecSortBLL vocaSpec = new VocaSpecSortBLL();
BLL.Owner ownerbll = new GYXMGL.BLL.Owner();
DataSet ds = vocaSpec.GetList("");
DataSet dsindustr = ownerbll.Getcharcte();
//實例一個StringBuilder 用來拼接一個json數(shù)據(jù)
StringBuilder sbvoca = new StringBuilder();
if (ds != null && ds.Tables[0].Rows.Count > 0)
{
sbvoca.Append("{\"voce\":[");
int i = 1;
int count = ds.Tables[0].Rows.Count;
foreach (DataRow dr in ds.Tables[0].Rows)
{
if (i == count)
{
sbvoca.Append("{\"code\":\"" + dr[0] + "\",\"name\":\"" + dr[1] + "\"}");
}
else
{
sbvoca.Append("{\"code\":\"" + dr[0] + "\",\"name\":\"" + dr[1] + "\"},");
}
i++;
}
sbvoca.Append("]");
}
if (dsindustr != null && dsindustr.Tables[0].Rows.Count > 0)
{
sbvoca.Append(",\"industr\":[");
int i = 1;
int count = dsindustr.Tables[0].Rows.Count;
foreach (DataRow dr in dsindustr.Tables[0].Rows)
{
if (i == count)
{
sbvoca.Append("{\"code\":\"" + dr[0] + "\",\"name\":\"" + dr[1] + "\"}");
}
else
{
sbvoca.Append("{\"code\":\"" + dr[0] + "\",\"name\":\"" + dr[1] + "\"},");
}
i++;
}
sbvoca.Append("]");
}
sbvoca.Append("}");
context.Response.Write(sbvoca.ToString());
context.Response.End();
}
}
}我們把index.js改下
代碼
$(document).ready(function() {
$.ajax({
type: "POST",
url: "../ajax/NewOwnerHandler.ashx",
//我們用text格式接收
dataType: "text",
data: "meth=load",
success: function(msg) {
alert(msg);
//顯示后臺數(shù)據(jù)
$("#vocaspec").html(msg);
// $("#industr").html(industr);
}
});
});看到如下數(shù)據(jù)，就是ashx中response給我們的json格式數(shù)據(jù)，現(xiàn)在我們要把這些數(shù)據(jù)
顯示在下拉列表中。就要遍歷json中的數(shù)組。
代碼：
{
"voce":[{"code":"1","name":"農(nóng)林水利"},{"code":"10","name":"軍工"},{"code":"11","name":"農(nóng)林"},{"code":"12","name":"水利(電)"},{"code":"13","name":"水電站"},{"code":"14","name":"輸變線"},{"code":"15","name":"煤礦"},{"code":"16","name":"氣田"},{"code":"17","name":"公路"},{"code":"18","name":"鐵路"},{"code":"19","name":"民航"},{"code":"2","name":"能源"},{"code":"20","name":"信息產(chǎn)業(yè)"},{"code":"21","name":"化工"},{"code":"22","name":"機(jī)械"},{"code":"23","name":"冶金"},{"code":"24","name":"有色金屬"},{"code":"25","name":"建材"},{"code":"26","name":"醫(yī)藥"},{"code":"27","name":"輕工"},{"code":"28","name":"農(nóng)牧產(chǎn)品深加工"},{"code":"3","name":"交通"},{"code":"4","name":"通訊"},{"code":"5","name":"特色產(chǎn)業(yè)"},{"code":"6","name":"城市基礎(chǔ)設(shè)施"},{"code":"7","name":"商貿(mào)流通"},{"code":"8","name":"旅游"},{"code":"9","name":"文體衛(wèi)"}],
"industr":[{"code":"1","name":"國有"},{"code":"2","name":"私人"}]
}
修改index.js代碼，遍歷json數(shù)據(jù)把數(shù)據(jù)顯示成下拉列表
代碼：
$(document).ready(function() {
$.ajax({
type: "POST",
url: "../ajax/NewOwnerHandler.ashx",
//json格式接收數(shù)據(jù)
dataType: "json",
//指點后臺調(diào)用什么方法
data: "meth=load",
success: function(msg) {
//實例2個字符串變量來拼接下拉列表
var industr = "這個實例涉及到的知識點
1、使用一般處理程序，接收request。并可以使用response數(shù)據(jù)
string meth = context.Request.Params["meth"].ToString();
因為一般處理程序
public class IndexHandler : IHttpHandler
他實現(xiàn)IHttpHandler接口
2、json數(shù)據(jù)格式
3、使用jquery ajax,并用jquery解析json數(shù)據(jù)。
分享題目：創(chuàng)新互聯(lián)jSON教程：ASP.NET(AJAX+JSON)實現(xiàn)對象調(diào)用
文章起源：http://www.dlmjj.cn/article/dhceieo.html
