Heim > Web-Frontend > js-Tutorial > Hauptteil

Ajax überprüft die Einzigartigkeit des Benutzers

亚连
Freigeben: 2018-05-24 09:55:01
Original
1604 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich die Einzigartigkeit von Ajax-Verifizierungsbenutzern und die Verifizierungsumgebung Ajax+Jquery+Json+struts2 vorgestellt.

Für Anfänger erfahren Sie, wie Sie Benutzer mit Ajax verifizieren. Der Zweck von Unique Die Übung besteht darin, die Grundkenntnisse von Ajax, Jquery, Json und Struts2 zu festigen. Der spezifische Inhalt ist wie folgt:

Durchsuchen Sie die Darstellungen:

Ajax überprüft die Einzigartigkeit des Benutzers

Ajax überprüft die Einzigartigkeit des Benutzers

Ajax überprüft die Einzigartigkeit des Benutzers

Ajax überprüft die Einzigartigkeit des Benutzers

Dann fangen wir an, Die Schrittesind wie folgt

Zuerst wir Importieren Sie die erforderlichen Pakete und Dateien

Json-Paket:

Ajax überprüft die Einzigartigkeit des Benutzers

struts2-Paket:

Ajax überprüft die Einzigartigkeit des Benutzers

Einführung in jquery -2.1.1.min.js-Datei.

<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
Nach dem Login kopieren

2. Dann müssen wir den Struts2-Filter konfigurieren

<filter>
 <filter-name>struts2</filter-name>
 <filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>
 </filter>
 <filter-mapping>
 <filter-name>struts2</filter-name>
 <url-pattern>/*</url-pattern>
 </filter-mapping>
Nach dem Login kopieren

3 Dann beginnen wir mit dem Schreiben unserer login.jsp-Seite Natürlich können Sie einige CSS-Stile hinzufügen, um es schöner zu machen. (Ich habe es nur kurz gemacht, etwas leise)

<p class="row">
 <h1>Ajax+Jquery验证用户的唯一性</h1>
 <form action="" method="post">
  <h3>名字:</h3>
  <input type="text" id="name" class="form-control" name="user.name" id="name" placeholder="请输入你的用户名">
  <br><br>
  <input type="submit" class="btn btn-success" value="验证用户的唯一性"/>    
  <span id="namemsg"></span>
 </form>
</p>
Nach dem Login kopieren

4 Dann haben wir angefangen, Action zu schreiben.

//验证用户的唯一性
public void isexist() throws IOException {
  boolean exist = name.equals("张三") ;
  JSONObject result=new JSONObject();
  if(exist){
   result.put("exist", true);
  }else{
   result.put("exist", false);
  }
  ServletActionContext.getResponse().setContentType("text/html;charset=utf-8");
  PrintWriter out=ServletActionContext.getResponse().getWriter();
  out.println(result.toString());
  out.flush();
  out.close();
 }
Nach dem Login kopieren

5. Schreiben Sie abschließend die Struts.xml-Datei

<package name="user" namespace="/" extends="struts-default">  
 <action name="user_*" class="com.ddge.action.UserAction" method="{1}">
  <result name="error">/login.jsp</result>
 </action>
</package>
Nach dem Login kopieren

Das Obige Ich habe es für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Wie Ajax die Restful-Schnittstelle aufruft, um Daten im Json-Format zu übertragen (mit Code)

Boa-Server Ajax und CGI-Kommunikation unter (grafisches Tutorial)

Ajax+Struts2 implementiert die Verifizierungscode-Verifizierungsfunktion (grafisches Tutorial)

Das obige ist der detaillierte Inhalt vonAjax überprüft die Einzigartigkeit des Benutzers. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!