您當前位置：首頁 > web前端 > jquery > jQuery dialog 異步調用ashx,webservice數據

jQuery dialog 異步調用ashx,webservice數據

來源：程序員人生發布時間：2014-05-28 18:48:11 閱讀次數：3136次

點擊按鈕，在彈出的jQuery.dialog中，顯示異步返回的數據。

WebService可以寫復雜的函數，ashx可以根據傳過來的參數調用不同的方法，達到同樣的效果。

本文用到了博客園TerryFeng的例子。

Html,JS代碼:

代碼
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="test_jQuery_dialog_Default" %>

<!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 runat="server">
<title>無標題頁</title>
</head>
<body>

$('#dialog').dialog({
autoOpen: false,
width: 600,
buttons: {
"Ok": function() {
alert("OK");
$(this).dialog("close");

},
"Cancel": function() {
alert("Cancel");
$(this).dialog("close");

}
}
});

}

)

function show()
{
$('#dialog').dialog('open');
}

function ajax1()
{
$.ajax({
type:"get",
url:"action/test.ashx",
data:{"time":Math.random()},
beforeSend:function(XMLHttpRequest)
{

},
success:function(msg)
{
alert(msg);
}
});
}

function ajax2()
{
$.ajax({
type:"post",
contentType: "application/json",
url:"action/WebService.asmx/HelloWorld",
data:{},
dataType: 'json',
success:function(msg)
{
alert(msg);
}
});
}

function ajax3(setvalue1,setvalue2)
{
if(setvalue1.length==0||setvalue2.length==0)
{
alert('請將兩個文本框輸入完整!');
return false;
}
$.ajax({

type:"post",
contentType: "application/json",
url:"action/WebService.asmx/HelloA",
data:"{a:'"+setvalue1+"',b:'"+setvalue2+"'}",
dataType: 'json',
success:function(msg)
{
alert(msg);
}
});
}

//返回集合
function ajax4()
{
$.ajax({
type: "post",
contentType: "application/json",
url: "action/WebService.asmx/GetArray",
data: "{'i':'10'}",
success: function(msg) {
alert(msg);
}
});
}

//返回復合類型
function ajax5()
{
$.ajax({
type: "post",
contentType: "application/json",
url: "action/WebService.asmx/GetClass",
data: "{}",
success: function(msg) {
$(msg).each(function() {
alert(msg["ID"]+'___'+msg["Value"]);
});

}
});
}

//返回dataset
function ajax6()
{
$.ajax({
type: "post",
url: "action/WebService.asmx/GetDataSet",
data: "{}",
datatype:"xml",
success: function(msg) {

$(msg).find('Table1').each(function() {
alert($(this).find("ID").text()+'___'+$(this).find("Value").text());
});

}
});
}

</script>

<form id="form1" runat="server">
<input id="dialog_link" type="button" value="Show" onclick="show()" />
<div id="dialog" style="display: none; background-color: Aqua; width: 200px; height: 150px;">
WebService參數1<input type="text" id="txtMsg1" /><br/>
WebService參數2<input type="text" id="txtMsg2" /><br/>
<input type="button" value="調用Ashx一般處理程序" onclick="ajax1()" id="btn1" />
<input type="button" value="調用無參數WebService" onclick="ajax2()" id="btn2" />
<input type="button" value="調用有參數WebService" onclick="ajax3(txtMsg1.value,txtMsg2.value)" id="btn3" />
<input type="button" value="調用返回集合的WebService" onclick="ajax4()" id="btn4" />
<input type="button" value="調用返回復合類型的WebService" onclick="ajax5()" id="btn5" />
<input type="button" value="調用返回DataSet的WebService" onclick="ajax6()" id="btn6" />
<div id="dictionary"></div>
In Dialog!
</div>
</form>
</body>
</html>

Ashx代碼:

<%@ WebHandler Language="C#" Class="test" %>

using System;
using System.Web;

public class test : IHttpHandler {

public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
context.Response.Write("Hello A");
context.Response.End();
}

public bool IsReusable {
get {
return false;
}
}

}

WebService:

using System;
using System.Collections;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Collections.Generic;
using System.Data;

/// <summary>
///WebService 的摘要說明
/// </summary>
[WebService(Namespace = "http://abc.com/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService]

public class WebService : System.Web.Services.WebService
{

public WebService()
{

//如果使用設計的組件，請取消注釋以下行
//InitializeComponent();
}

[WebMethod]
public string HelloWorld()
{
return "Hello C";
}

[WebMethod]
public string HelloA(string a, string b)
{
return "Hello__" + a + "__" + b;
}

[WebMethod]
public List<int> GetArray(int i)
{
List<int> list = new List<int>();

while (i >= 0)
{
list.Add(i--);
}

return list;
}

[WebMethod]
public Class1 GetClass()
{
Class1 cl=new Class1();
cl.ID="qixuejia";
cl.Value="qixuejia.cnblogs.com";
return cl;

}

[WebMethod]
public DataSet GetDataSet()
{
DataSet ds = new DataSet();
DataTable dt = new DataTable();
dt.Columns.Add("ID", Type.GetType("System.String"));
dt.Columns.Add("Value", Type.GetType("System.String"));
DataRow dr = dt.NewRow();
dr["ID"] = "1";
dr["Value"] = "qixuejia.cnblogs.com";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["ID"] = "2";
dr["Value"] = "qixuejia";
dt.Rows.Add(dr);
ds.Tables.Add(dt);
return ds;
}