Ajax によるユーザーの一意性の検証-jsチュートリアル-php.cn

Ajax によるユーザーの一意性の検証

亚连

リリース： 2018-05-24 09:55:01

オリジナル

1720 人が閲覧しました

この記事では、Ajax 検証ユーザーの独自性と検証環境 Ajax+Jquery+Json+struts2 を主に紹介します。興味のある方は参考にしてください。

初心者にとって、Ajax 検証ユーザーの独自性を学ぶ実践は、基礎知識を固めることです。 Ajax、Jquery、Json、Struts2 の具体的な内容は次のとおりです

レンダリングを参照してください:

Ajax によるユーザーの一意性の検証

それでは、始めましょう。操作手順は次のとおりです

1. まず、必要なパッケージとファイルをインポートします。

Json パッケージ:

Ajax によるユーザーの一意性の検証

struts2 パッケージ:

Ajax によるユーザーの一意性の検証

jquery-2.1.1.min.js ファイルを導入します。

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

ログイン後にコピー

2. 次に、web.xml ファイルで Struts2 フィルターを構成する必要があります

<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>

ログイン後にコピー

3. その後、login.jsp ページの作成を開始します。より美しくします。 (少し低めに、簡単に実行しただけです)

<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>

ログイン後にコピー

4. 次に、アクションを書き始めました。

//验证用户的唯一性
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();
 }

ログイン後にコピー

5. 最後にStrutsを書きます。

AjaxがRestfulインターフェースを呼び出してJson形式のデータを送信する方法（コード付き）

Boaサーバー下でのAjaxとCGI通信（グラフィックチュートリアル）

Ajax+Struts2の実装検証コードの検証関数 (グラフィックチュートリアル)

以上がAjax によるユーザーの一意性の検証の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。