JQuery 调用ashx文件和WebMethod方法总结
来源:互联网 发布:pon网络由什么组成 编辑:程序博客网 时间:2024/05/17 02:52
//.........................................................JQuery调用ashx文件.................................................................. <script type="text/javascript"> </script> Handler.ashx文件 public void ProcessRequest (HttpContext context) { public string Result(HttpContext context) //...................................................................JQuery调用WebMethod方法......................................................... <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <!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"> </style> } //返回DataSet(XML) //Ajax 为用户提供反馈,利用ajaxStart和ajaxStop 方法,演示ajax跟踪相关事件的回调,他们两个方法可以添加给jQuery对象在Ajax前后回调 // 鼠标移入移出效果,多个元素的时候,可以使用“,”隔开 </head> using System; public partial class Default2 : System.Web.UI.Page } while (i >= 0) return list; /// <summary> }
$("#txtName").blur(function() {
JudgeUserName();
});
});
function JudgeUserName()
{
$.ajax({
type:"GET",
url: "Handler.ashx",
dataType:"html",
data:{"userName":$("#txtName").val(),"action":"bbb"},
beforeSend:function(XMLHttpRequest)
{
$("#showResult").html("正在查询");
},
success:function(msg)
{
$("#showResult").html(msg);
$("#showResult").css("color","red");
},
complete:function(XMLHttpRequest,textStatus)
{
//隐藏正在查询图片
},
error:function()
{
//错误处理
}
});
}
context.Response.ContentType = "text/plain";
string action = context.Request.QueryString["action"].ToString();
if (action == "bbb")
{
context.Response.Write(Result(context));
}
}
public bool IsReusable {
get {
return false;
}
}
{
string userName = context.Request.QueryString["userName"].ToString();
if (userName == "James Hao")
{
return "用户名已经存在!";
}
else
{
return "您可以使用此用户名!";
}
}
<head runat="server">
<title>无标题页</title>
<style type="text/css">
.hover
{
cursor: pointer; /*小手*/
background: #ffc; /*背景*/
}
<script type="text/javascript" src="js/jquery-1.3.2-vsdoc2.js"></script>
<script type="text/javascript">
//无参数调用
$(document).ready(function() {
$('#btn1').click(function() {
$.ajax({
type: "POST", //访问WebService使用Post方式请求
contentType: "application/json", //WebService 会返回Json类型
url: "Default2.aspx/HelloWorld", //调用WebService的地址和方法名称组合 ---- WsURL/方法名
data: "{}", //这里是要传递的参数,格式为 data: "{paraName:paraValue}",下面将会看到
dataType: 'json',
success: function(result) { //回调函数,result,返回值
alert(result.d);
}
});
});
});
//有参数调用
$(document).ready(function() {
$("#btn2").click(function() {
$.ajax({
type: "POST",
contentType: "application/json",
url: "Default2.aspx/GetWish",
data: "{value1:'心想事成',value2:'万事如意',value3:'牛牛牛',value4:2009}",
dataType: 'json',
success: function(result) {
alert(result.d);
}
});
});
});
//返回集合(引用自网络,很说明问题)
$(document).ready(function() {
$("#btn3").click(function() {
$.ajax({
type: "POST",
contentType: "application/json",
url: "Default2.aspx/GetArray",
data: "{i:10}",
dataType: 'json',
success: function(result) {
$(result.d).each(function() {
alert(this);
$('#dictionary').append(this.toString() + " ");
//alert(result.d.join(" | "));
});
}
});
});
});
//返回复合类型
$(document).ready(function() {
$('#btn4').click(function() {
$.ajax({
type: "POST",
contentType: "application/json",
url: "Default2.aspx/GetClass",
data: "{}",
dataType: 'json',
success: function(result) {
$(result.d).each(function() {
//alert(this);
$('#dictionary').append(this['ID'] + " " + this['Value']);
//alert(result.d.join(" | "));
});
});
});
});
$(document).ready(function() {
$('#btn5').click(function() {
$.ajax({
type: "POST",
url: "Default2.aspx/GetDataSet",
data: "{}",
dataType: 'xml', //返回的类型为XML ,和前面的Json,不一样了
success: function(result) {
alert(result);
//演示一下捕获
try {
$(result).find("Table1").each(function() {
$('#dictionary').append($(this).find("ID").text() + " " + $(this).find("Value").text());
});
}
catch (e) {
alert(e);
return;
}
},
error: function(result, status) { //如果没有上面的捕获出错会执行这里的回调函数
if (status == 'error') {
alert(status);
}
}
});
});
});
//但对与Ajax的监控,本身是全局性的
$(document).ready(function() {
$('#loading').ajaxStart(function() {
$(this).show();
}).ajaxStop(function() {
$(this).hide();
});
});
$(document).ready(function() {
$('btn').hover(function() {
$(this).addClass('hover');
}, function() {
$(this).removeClass('hover');
});
});
</script>
<body>
<form id="form1" runat="server">
<div>
<input type="button" id="btn1" value="HelloWorld"/>
<input type="button" id="btn2" value="传入参数"/>
<input type="button" id="btn3" value="返回集合"/>
<input type="button" id="btn4" value=" 返回复合类型"/>
<input type="button" id="btn5" value="返回DataSet(XML)"/>
</div>
<div id="dictionary">dictionary
</div>
</form>
</body>
</html>
==================================================================================
using System.Collections;
using System.Collections.Generic;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.Services;
{
protected void Page_Load(object sender, EventArgs e)
{
[WebMethod]
public static string HelloWorld()
{
return "123--->456";
}
[WebMethod]
public static string ABC(string ABC)
{
return ABC;
}
[WebMethod]
public static string GetWish(string value1, string value2, string value3, int value4)
{
return string.Format("祝您在{3}年里 {0}、{1}、{2}", value1, value2, value3, value4);
}
/// <summary>
/// 返回集合
/// </summary>
/// <param name="i"></param>
/// <returns></returns>
[WebMethod]
public static List<int> GetArray(int i)
{
List<int> list = new List<int>();
{
list.Add(i--);
}
}
/// 返回一个复合类型
/// </summary>
/// <returns></returns>
[WebMethod]
public static Class1 GetClass()
{
return new Class1 { ID = "1", Value = "牛年大吉" };
}
/// <summary>
/// 返回XML
/// </summary>
/// <returns></returns>
[WebMethod]
public static 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"] = "新年快乐";
dt.Rows.Add(dr);
dr = dt.NewRow();
dr["ID"] = "2";
dr["Value"] = "万事如意";
dt.Rows.Add(dr);
ds.Tables.Add(dt);
return ds;
}
public class Class1
{
public string ID { get; set; }
public string Value { get; set; }
}
- JQuery 调用ashx文件和WebMethod方法总结
- jquery调用ashx文件和WebMethod方法总结
- jquery调用ashx文件和WebMethod方法总结
- .net中Jquery ajax调用aspx和ashx文件
- JQuery直接调用asp.net后台WebMethod方法
- JQuery直接调用asp.net后台WebMethod方法
- JQuery直接调用asp.net后台WebMethod方法
- JQuery直接调用asp.net后台WebMethod方法
- JQuery直接调用asp.net后台WebMethod方法
- ashx文件调用Session变量的方法
- jQuery AJAX实现调用页面后台方法。调用ashx方法
- Jquery调用ashx
- asp.net中js和jquery不同的调用ashx的方法
- asp.net中js和jquery不同的调用ashx的方法
- Jquery调用WebMethod(PageMethod) NET2.0
- JQuery ajax调用asp.net的webMethod
- JQuery ajax调用asp.net的webMethod
- asp.net2.0使用jquery.tree及$.ajax调用[WebMethod]方法
- 程序员的责任
- 项目开发中的一些体会
- HTMLParser的visitor访问方式详解
- 项目建立管理
- 某小学一年级暑假作业的一道数学题解答
- JQuery 调用ashx文件和WebMethod方法总结
- u盘装系统方法
- HD教程系列一:解密高清HD视频编码格式与封装方式
- [Mozilla] JavaXPCOM 的jar 包概述
- launcher添加一个仿Mac的dock
- TCPL(The C Programming Language)读书笔记 第五章 指针与数组
- NSString+NSMutableString+NSValue+NSAraay用法汇总3
- .NET 三层架构
- HD教程系列二:解密互联网三大主流高清视频编码格式及HDTV相关概念