Ajax implementation code for passing multiple parameters-JS Tutorial-php.cn

Home

Web Front-end

JS Tutorial

Ajax implementation code for passing multiple parameters

May 24, 2018 am 09:44 AM

ajax parameter accomplish

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

&lt;html &gt;
&lt;head&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;script src=&quot;js/Jquery1.7.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
  &lt;script type=&quot;text/javascript&quot;&gt;
    $(function () {


      $(&#39;#Button1&#39;).click(function () {
        var username = $(&#39;#txtUserName&#39;).val();
        var pwd = $(&#39;#txtPwd&#39;).val();
        $.ajax({
          type: &quot;post&quot;,
          contentType: &quot;application/json&quot;,
          url: &quot;WebService1.asmx/Login&quot;,
          data: &quot;{username:&#39;&quot; + username + &quot;&#39;,pwd:&#39;&quot; + pwd + &quot;&#39;}&quot;,
          success: function (bukeyi) {
            if (bukeyi.d == &#39;true&#39;) {
              window.location = &#39;HTMLPage1.htm&#39;;
            }
            else {
              $(&#39;#pinfo&#39;).text(&quot;用户名或密码错误&quot;);
            }
          }
        })
      })
    })
  &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
用户名&lt;input id=&quot;txtUserName&quot; type=&quot;text&quot; /&gt;&lt;br /&gt;
密码&lt;input id=&quot;txtPwd&quot; type=&quot;text&quot; /&gt;&lt;br /&gt;
  &lt;input id=&quot;Button1&quot; type=&quot;button&quot; value=&quot;登录&quot; /&gt;&lt;br /&gt;
  &lt;p id=&quot;pinfo&quot;&gt;&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;

Copy after login

WebService1.asmx

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;


namespace ajax11
{
  /// &lt;summary&gt;
  /// WebService1 的摘要说明
  /// &lt;/summary&gt;
  [WebService(Namespace = &quot;http://tempuri.org/&quot;)]
  [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 &quot;Hello World&quot;;
    }
    [WebMethod]
    public string ValidateUser(string username)
    {
      if (username == &quot;onlifes&quot;)
      {
        return &quot;用户名已被占用，请选择其他&quot;;
      }
      else
      {
        return &quot;可以使用，请继续&quot;;
      }
    }


    [WebMethod]
    public string GetDate()
    {
      return DateTime.Now.ToString(&quot;yyyy-MM-dd hh:mm:ss&quot;);
    }
    [WebMethod]
    public string Login(string username, string pwd)
    {
      if (username == &quot;admin&quot; &amp;&amp; pwd == &quot;888888&quot;)
      {
        return &quot;true&quot;;
      }
      else
      { return &quot;false&quot;; }


    }
  }
}

Copy after login

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

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!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn