龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

JQuery高级应用之使用Jquery调用WCF服务

时间:2009-12-21 11:47来源:未知 作者:admin 点击:
分享到:
首先建一个Ajax-WCF服务:,web-config自动配置就没管; 然后,在apsx文件中写js代码: Code [http://www.xueit.com] script type = " text/javascript " language = " javascript " $( function () { $( ' #Nick ' ).bind( ' bl

首先建一个Ajax-WCF服务:,web-config自动配置就没管;
然后,在apsx文件中写js代码:

Code [http://www.xueit.com]
<script type="text/javascript" language="javascript"> $(function() { $('#Nick').bind('blur', function() { // BLUR为失去焦点时候触发事件 if ($('#Nick').val() == '') { alert("用户名不能为空."); } else { $.ajax({ type: 'POST', url: '<%= MixApplication.Instance.RelativePath %>/Service/RegisterUserService.svc/IsUserExist', //dataType: 'json', 不要,有的话就会报500,server internal错误 contentType: "application/json", data: '{"nickName":"' $('#Nick').val() '"}', complete: function(xmlHttpRequest) { //alert('完整的服务器响应已经收到'); }, success: function(data) { //var a = eval('(' data ')'); //将JSON文本转换为对象 //alert(a.d); var da = JSON.parse(data).d; // java的反序列化 //alert('data的值是:' da); if (da == true) { $('#nickTip').html('用户名不存在,可以注册'); } else { $('#nickTip').css('color', 'red'); $('#nickTip').html('用户名已存在,请另外输入用户名'); } } }); } }) $('#Nick').bind('focus', function() { $('#nickTip').css('color', ''); $('#nickTip').html(''); }) }) </script>

来判断html控件中名字Nick是否已经存在,相应的html为:

Code [http://www.xueit.com]
<tr> <td> 用户昵称: </td> <td> <input name="NickText" id="Nick" type="text" class="long-input" style="width: 120px" /> </td> <td> <div id="NickTip" style="width: 270px"> </div> <p id="nickTip"> </p> <!--<div id="msg" style="display: none" visible="false"> </div>--> </td> </tr>


精彩图集

赞助商链接