JavaScript用JQuery呼叫Server端方法实现代码与参考语法_实用技巧

Insus.NET从2013年开始学习Javascript,此博文是第一次使用JQuery,从Javascript客户端用JQuery呼叫Server端的方法。首先看看此例的演示
 
准备好Server端的方法

复制代码 代码如下:

[System.Web.Services.WebMethod]
public static string VeryUserName(string name)
{
string rtn = "恭喜,此帐号还没有注册,你可以使用。";
if (name == "")
rtn = "请填写一个注册帐号。";
if (name == "Insus.NET")
rtn = "此用户已经注册,请使用另外帐号。";
return rtn;
}

HTML代码

复制代码 代码如下:

Account:
<asp:TextBox ID="TextBoxAccount" runat="server"></asp:TextBox><br />
<input id="btnrReg" type="button" value="注册" onclick="VeryRegAccount()" />

Javascript脚本:

复制代码 代码如下:

<script src="scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
function VeryRegAccount() {
$.ajax({
type: "POST",
url: "Default.aspx/VeryUserName",
data: '{name: "' + $("#<%= TextBoxAccount.ClientID%>")[0].value + '" }',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: OnSuccess,
failure: function (response) {
alert(response.d);
}
});
}
function OnSuccess(response) {
alert(response.d);
}
</script>

可参考下面语法

时间: 2024-10-24 13:25:20

JavaScript用JQuery呼叫Server端方法实现代码与参考语法_实用技巧的相关文章

JavaScript用JQuery呼叫Server端方法示例代码_javascript技巧

准备好Server端的方法 [System.Web.Services.WebMethod] public static string VeryUserName(string name) { string rtn = "恭喜,此帐号还没有注册,你可以使用."; if (name == "") rtn = "请填写一个注册帐号."; if (name == "Insus.NET") rtn = "此用户已经注册,请使用另

asp.net中js+jquery添加下拉框值和后台获取示例_实用技巧

复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> <script type

jQuery Data Linking 对象与对象之间属性的关联_实用技巧

支持客户端的数据绑定 ASP.NET团队最近还向jQuery社区提交了被称为"data linking"的技术,Data Linking可以帮助你实现对象与对象之间属性的关联--当其中一方发生改变时另一方也随之改变.方便的实现页面中展现的数据与实际数据对象中的数据实时同步. data linking与data-binding的理论很相近(我们之所以使用data linking这个名称是因为jQuery中已经包含bing()方法,尽管这个方法与数据绑定没有什么关系...). 现在来看看d

jquery repeater 模仿 Google 展开页面预览子视图_实用技巧

如果, 有不明白的问题, 请先阅读 30 分钟掌握无刷新 Repeater. 示例代码下载: http://zsharedcode.googlecode.com/files/JQueryElementDemo.rar 本文将详细的讲解 Repeater 控件中如何使用子视图, 目录如下: * 准备 * 定义子视图样本 * 切换子视图状态 * 定义子视图容器 示例图片: 准备 请参照 http://code.google.com/p/zsharedcode/wiki/JQueryElementRe

Win2008 server + IIS7 设置身份模拟(ASP.NET impersonation)_实用技巧

作者:eaglet 转载请注明出处 IIS7 与 IIS 6 相比有了很大的改动,原来在 IIS 6 下可以的设置到了 IIS 7 下有的会发生变化.身份模拟的配置上,IIS7 和 IIS6有很大不同,网上IIS6的身份模拟的文章比较多,但介绍IIS7的比较少,我把的一些折腾的经验在这篇博客中写下来,以供参考. IIS 7 有两种 ASP.NET Application Mode. 一种是 集成模式(Integrated Mode) 这个是默认的模式,也是微软推荐的模式,另一种是 经典模式(Cl

排除JQuery通过HttpGet调用WebService返回Json时“parserror”错误_实用技巧

JQuery大家都经常用,以前用的时候没有注意什么.最近本人在使用JQuery通过HttpGet方式调用WebService时,却发现服务端并非如人所愿返回json数据,而是返回错误提示:parserror. 如今问题被顺利解决,下面是解决过程 首先看客户端使用JQuery调用WebService的代码: 复制代码 代码如下: getHellobyAjax: function(callabckFun) { $.ajax({ type: "GET", url: "WebServ

基于asp.net下使用jquery实现ajax的解决方法_实用技巧

无论是jquery还是ajax在今天来讨论已经很落后了,网上也有非常多的这方面的资料,但是依然有不少新手对此很茫然.本文以最简单的方法为新手示范如何使用jquery实现ajax技术(所以本文是专为新手所写,老鸟勿喷,大神此处省略一万字).至于什么是jquery什么是ajax,自己谷歌去. 首先新建一个名闻Ajax的asp.net web空应用程序,项目目录如下图所示. 其中.ashx文件是一般处理程序,暂时不用知道它是干嘛用的,后面你就知道了.jquery-1.7.1.js可以在这里下载. 我们

ASP.NET中UpdatePanel与jQuery同时使用所遇问题解决_实用技巧

今天,在.NET中使用了UpdatePanel,里面的输入框使用了jQuery的日历选择器: 复制代码 代码如下: <script type="text/javascript"> $(function(){ $("#ctl00_ContentPlaceHolder1_txtDateFrom").datepicker({ inline: true, dayNamesMin:["日","一","二"

ASP.NET调用javascript脚本的常见方法小结_实用技巧

1.直接在前台调用 javascript 函数 很简单,在 head 元素之间加入 script 元素,将 type 元素设置为 " text/javascript " 如: 复制代码 代码如下: <head runat="server"> <script type="text/javascript" > function ShowName(str) { alert("您的名字为:("+str+&quo