ajax传递多个参数的实现代码

更新时间：2016年05月13日 16:43:31 投稿：lijiao

这篇文章主要为大家详细介绍了ajax传递多个参数的实现代码，简单实用，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了ajax传递多个参数的具体代码，供大家参考，具体内容如下

<html >
<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响应json字符串和json数组的实例(详解)
下面小编就为大家带来一篇ajax响应json字符串和json数组的实例(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-02-02
Ajax配合Spring实现文件上传功能代码
最近在开发一个可以上传图片到服务器的web表面页面，下面给大家分享需求和实现思路，需要的的朋友参考下吧
2017-05-05
聊一聊Ajax的优缺点
和大家一起聊一聊Ajax的优缺点，Ajax是一个动态的WEB应用的开发技术，它的出现丰富了用户的体验，今天就和大家进一步的了解Ajax,感兴趣的小伙伴们可以参考一下
2016-02-02
AJAX实现指定部分页面刷新效果
这篇文章主要为大家详细介绍了AJAX实现指定部分页面刷新效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-10-10
AJAX的跨域问题解决方案
跨域简单的说,就是从一个域名的网页去访问另一个域名网页的资源,下面这篇文章主要给大家介绍了关于AJAX的跨域问题解决的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-12-12
让ajax更加友好的实现方法(实时显示后台处理进度。)
我们能否让ajax更加友好点，实时显示服务器处理的进度了？这在一些长时间的请求中尤其重要，比如上传文件、发送邮件、批量处理数据。
2010-06-06
$.ajax()方法参数详解
这篇文章主要介绍了$.ajax()方法参数详解的相关资料,需要的朋友可以参考下
2015-10-10
ajax以及一些乱码问题
很就以前在使用AJAX的时候，那时候还不知道AJAX。于是在任务中被AJAX的乱码问题搞的头破血流。
2010-08-08
Echarts教程之通过Ajax实现动态加载折线图的方法
这篇文章主要介绍了Echarts教程之通过Ajax实现动态加载折线图的方法，需要的朋友可以参考下
2018-04-04
原生ajax写的上拉加载实例
下面小编就为大家分享一篇原生ajax写的上拉加载实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-02-02