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>

可参考下面语法：

赞 (0)

相关推荐

  • jQuery调用WebService的实现代码

    jQuery调用WebService的实现代码

    一个例子说尽: 1..aspx中: 复制代码 代码如下: <div class="button" id="btn1"><a href="#">HelloWorld</div> <div class="button" id="btn2"><a href="#">传入参数</a></div> <div

  • 用JQuery调用Session的实现代码

    很简单,看代码,value为session的值 复制代码 代码如下: function GetSession(value) { var temp; jQuery.ajax({ type: "POST", url: "GetSession.aspx", async: false, //是否ajax同步 data: "s=" + value, success: function(msg) { temp = msg; } }); return temp

  • jquery调用asp.net 页面后台的实现代码

    先创建一个aspx页面编写一个客户端控件<input type="button" id="AjaxDemo" value="AjaxDemo"> 再aspx后台的页面编写一个简单的方法,代码如下: 复制代码 代码如下: [WebMethod] public static string ABC(string ABC) { return ABC; } 必须声明为静态方法,并且它们必须使用 [WebMethod] 特性标注.但是在webse

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

    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 ==

  • JavaScript用JQuery呼叫Server端方法示例代码

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

  • JavaScript和jQuery制作光棒效果

    使用javaScript与jQuery添加CSS样式的区别和步骤 使用javaScript制作光棒效果 --首先是javaScript <script> $(function () { var lis = document.getElementsByTagName("li"); //定义DOM变量接受标签为li的元素 for (var i = 0; i < lis.length;i++){ lis[i].onmouseover = function () { //方式

  • python rpyc客户端调用服务端方法的注意说明

    目录 python rpyc客户端调用服务端方法 问题1 问题2 python rpyc的使用心得 python rpyc客户端调用服务端方法 使用rpyc遇到两个问题: 问题1 client调用server的exposed_xxxx()方法时传进去的参数类型,到了server端会改变, 打印出来是<netref class 'rpyc.core.netref.type'>类型,与原来传进的类型不同 解决方法: def exposed_clentA_will_use(self, hello):

  • 关于JavaScript和jQuery的类型判断详解

    对于类型的判断,JavaScript用typeof来进行. 栗子: console.log(typeof null); //object console.log(typeof []); //object console.log(typeof {}); //object console.log(typeof new Date()); //object console.log(typeof new Object); //object console.log(typeof function(){});

  • javascript和jquery分别实现的九九乘法表代码

    javascript实现的九九乘法表代码 99乘法表 for(var i=1;i"); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] jquery实现的九九乘法表代码 jquery 九九乘法表 $(document).ready(function(){ $(" ").data('fact',8).css('margin','10px') .appendTo(document.body) .bind('error',function(){ $(this).pa

  • 原生Javascript和jQuery做轮播图简单例子

    原生Javascript和jQuery做轮播图简单例子

    接触jquery也有一段时间了,今天刚好利用轮播图来练练手.博文的前面会介绍一个简单用jquery做轮播图的例子,中间会插入一些关于轮播图更多的思考,在后面会用Javascript的方法来写一个轮播图,最后则是关于jquery和Javascript的比较. jquery做轮播图的例子: html部分代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>轮

  • 详解用原生JavaScript实现jQuery的某些简单功能

    大致介绍 学习了妙味,用原生的JavaScript实现jQuery中的某些部分功能 定义自己的函数库lQuery $()选择器的实现 jQuery是面向对象的,所以自己编写的也要是面向对象的,看看基本的结构 // 定义lQuery对象 function lQuery(lArg){ } function lQ(lArg){ return new lQuery(lArg); } // css()方法 lQuery.prototype.css = function(){}; // html()方法 l

  • javascript与jquery动态创建html元素示例

    本文实例讲述了javascript与jquery动态创建html元素的方法.分享给大家供大家参考,具体如下: 1.javascript创建元素 创建select var select = document.createElement("select"); elect.options[0] = new Option("加载项1", "value1"); select.options[1] = new Option("加载项2",

  • JavaScript与jQuery实现的闪烁输入效果

    本文实例讲述了JavaScript与jQuery实现的闪烁输入效果.分享给大家供大家参考,具体如下: html部分 <div id="code"> <p>/**</p> <p>*2014-2-12</p> <p>*代码自动闪烁输入</p> <p>*/</p> 2014-2-14,I want to say:<br /> Baby, I love you forever

随机推荐