ajax传递一个参数具体实现

更新时间：2013年05月21日 17:36:48 作者：

ajax传递一个参数或多个参数在使用过程中由于特殊需求经常会用到，下面与大家分享下具体的实现方法，感兴趣的朋友可以参考下哈

 
<!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> 
<title></title> 
<script src="js/Jquery1.7.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function () { 
$('#txtUserName').blur(function () { 
$.ajax({ 
type: "post", 
contentType: "application/json", 
url: "WebService1.asmx/ValidateUser", 
data: "{username:'" + $('#txtUserName').val() + "'}", 
success: function (result) { 
$('#spinfo').text(result.d); 
} 
}) 
}) 
}) 
</script> 
</head> 
<body> 
<div> 
用户名<input type="text" id="txtUserName" /><span id="spinfo"></span><br /> 
密码<input type="text" id="txtPwd" /> 
</div> 
</body> 
</html> 

您可能感兴趣的文章:

简单谈谈AJAX核心对象
核心对象是XMLHttpRequest，它可以提供不重新加载页面的情况下更新网页，在页面加载后在客户端向服务器请求数据，在页面加载后在服务器端接受数据，在后台向客户端发送数据。
2015-11-11
js实现ajax分页完整实例
这篇文章主要介绍了js实现ajax分页,以完整实例形式详细分析了ajax分页的具体步骤与实现技巧,代码备有详尽的注释便于理解,需要的朋友可以参考下
2016-04-04
AJAX+Servlet实现的数据处理显示功能示例
这篇文章主要介绍了AJAX+Servlet实现的数据处理显示功能,结合实例形式分析了前台ajax与后台Servlet生成随机数显示的相关交互操作技巧,需要的朋友可以参考下
2018-06-06
ajax 怎么设置超时(一个action执行了2遍)
一个action执行了2遍，这个操作大致需要5分多钟才能完成，于是搜了几个可以设置超时的地方，希望对大家有所帮助
2014-08-08
Ajax通讯原理XMLHttpRequest
AJAX = 异步 JavaScript 和 XML。JavaScript不用说脚本语言，XML也不用说可扩展标记语言用于存放数据信息
2011-12-12
Ajax常用封装库——Axios的使用
这篇文章主要介绍了Ajax常用封装库——Axios的使用，帮助大家更好的理解和学习网络编程，感兴趣的朋友可以了解下
2021-05-05
ajax实现修改功能
本文主要介绍了ajax实现修改功能的相关资料，具有很好的参考价值。下面跟着小编一起来看下吧
2017-04-04
ajax后台处理返回json值示例代码
很多的新手朋友们不知道ajax如何处理返回json值，在本文将为大家详细介绍下
2013-09-09
Ajax 返回字符串的过滤实现代码
在调用Ajax返回后。一个奇怪的问题。返回的resultString值是“ok”但是跟字符串"ok"比较确不相等。
2009-08-08
Ajax原理与应用案例快速入门教程
这篇文章主要介绍了Ajax原理与应用案例,结合实例形式分析了ajax原理、功能、创建及使用方法,需要的朋友可以参考下
2019-07-07