Home >Web Front-end >JS Tutorial >Ajax implementation code for passing multiple parameters
This article mainly introduces the implementation code of ajax to pass multiple parameters in detail. It is simple and practical. Interested friends can refer to it.
The example of this article shares with you the implementation code of ajax to pass multiple parameters. The specific code is for your reference. The specific content is as follows
<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 { $('#pinfo').text("用户名或密码错误"); } } }) }) }) </script> </head> <body> 用户名<input id="txtUserName" type="text" /><br /> 密码<input id="txtPwd" type="text" /><br /> <input id="Button1" type="button" value="登录" /><br /> <p id="pinfo"></p> </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"; } } } }
The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.
Related articles:
Using Ajax technology to partially refresh product quantity and total price example code
##Perfect solution to ajax access Encountered the problem of Session failure
The reason why ajax internal value cannot be called externally and the solution
The above is the detailed content of Ajax implementation code for passing multiple parameters. For more information, please follow other related articles on the PHP Chinese website!