ajax传递多个参数具体实现

 更新时间:2013年05月21日 17:32:42   作者:  
在使用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 () {
$('#Button1').click(function () {
var username = $('#txtUserName').val();
var pwd = $('#txtPwd').val();
$.ajax({
type: "post",
contentType: "application/json",
url: "WebService1.asmx/Login",
data: "{username:'" + username + "',pwd:'" + pwd + "'}",
success: function (bukeyi) {
if (bukeyi.d == 'true') {
window.location = 'HTMLPage1.htm';
}
else {
$('#divinfo').text("用户名或密码错误");
}
}
})
})
})
</script>
</head>
<body>
用户名<input id="txtUserName" type="text" /><br />
密码<input id="txtPwd" type="text" /><br />
<input id="Button1" type="button" value="登录" /><br />
<div id="divinfo"></div>
</body>
</html>

------WebService1.asmx----
复制代码 代码如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
namespace ajax11
{
/// <summary>
/// WebService1 的摘要说明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
[System.Web.Script.Services.ScriptService]
public class WebService1 : System.Web.Services.WebService
{
[WebMethod]
public string HelloWorld()
{
return "Hello World";
}
[WebMethod]
public string ValidateUser(string username)
{
if (username == "onlifes")
{
return "用户名已被占用,请选择其他";
}
else
{
return "可以使用,请继续";
}
}
[WebMethod]
public string GetDate()
{
return DateTime.Now.ToString("yyyy-MM-dd hh:mm:ss");
}
[WebMethod]
public string Login(string username, string pwd)
{
if (username == "admin" && pwd == "888888")
{
return "true";
}
else
{ return "false"; }
}
}
}

相关文章

  • Ajax解决多余刷新的两种方法(总结)

    Ajax解决多余刷新的两种方法(总结)

    下面小编就为大家带来一篇Ajax解决多余刷新的两种方法(总结)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • Ajax叠加(Ajax返回数据用Ajax发出)示例代码

    Ajax叠加(Ajax返回数据用Ajax发出)示例代码

    把参数用Ajax发送到数据库进行查询然后用Ajax将数据发送到数据库签到表,于是有了下面的代码,感兴趣的朋友可以了解下,希望对大家学习ajax有所帮助
    2013-08-08
  • ajax JSONP请求处理回调函数jsonpCallback区分大小写

    ajax JSONP请求处理回调函数jsonpCallback区分大小写

    使用ajax进行 JSONP跨域请求,因为被请求的对方的回调函数名称是无法修改,想到设置AJAX 的JSONP参数。但是发现根本不起作用。最后偶然发现 jsonpcallback是区分大小写的
    2013-09-09
  • Django中的Ajax

    Django中的Ajax

    Django 是由 Python 开发的一个免费的开源网站框架,可以用于快速搭建高性能,优雅的网站.AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).接下来通过本文给大家介绍django中的ajax,希望对大家有所帮助
    2016-03-03
  • Ajax实现带有验证码的局部刷新登录界面

    Ajax实现带有验证码的局部刷新登录界面

    很多登录界面都有验证码功能局部刷新效果,接下来通过本文给大家分享ajax实现带有验证码的局部刷新登录界面,感兴趣的朋友一起看看吧
    2016-09-09
  • Ajax实现弹出式无刷新城市选择功能代码

    Ajax实现弹出式无刷新城市选择功能代码

    这篇文章主要介绍了Ajax实现弹出式无刷新城市选择功能代码,实例分析了Ajax弹出窗口及无刷新选择数据项的相关技巧,需要的朋友可以参考下
    2015-08-08
  • 使用Ajax实现进度条的绘制

    使用Ajax实现进度条的绘制

    这篇文章主要介绍了如何利用Ajax绘制进度条,文中的示例代码讲解详细,对我们的学习或工作有一定的帮助,感兴趣的小伙伴可以了解一下
    2022-04-04
  • 聊一聊Ajax的优缺点

    聊一聊Ajax的优缺点

    和大家一起聊一聊Ajax的优缺点,Ajax是一个动态的WEB应用的开发技术,它的出现丰富了用户的体验,今天就和大家进一步的了解Ajax,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • Ajax加载菊花loding效果

    Ajax加载菊花loding效果

    这篇文章主要介绍了Ajax加载菊花loding效果的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • Ajax中浏览器的缓存问题解决方法

    Ajax中浏览器的缓存问题解决方法

    我们在做项目中,一般提交请求都会通过ajax来提交,但是测试的时候发现,每次提交后得到的数据都是一样的,调试可以排除后台代码的问题,所以问题肯定是出在前台
    2013-06-06

最新评论