ホームページ  >  記事  >  ウェブフロントエンド  >  jquery_jquery での post メソッドの使用例

jquery_jquery での post メソッドの使用例

WBOY
WBOYオリジナル
2016-05-16 16:33:081266ブラウズ

この記事の例は、jquery での post メソッドの使用法を説明しており、参考のために全員と共有されています。具体的な使用状況の分析は次のとおりです:

jquery を使用して Web サイトに非同期対話を実装する場合、よく使用される 2 つの関数は get メソッドと post メソッドです。パラメータがある場合は、get リクエストを直接送信するだけです。ただし、postメソッドでパラメータを渡す場合はURLとは別に記述する必要があり、パラメータを渡すのが面倒ですが、その方が安全ですし、中国語文字化けの可能性もあります。以下に、get メソッドが文字化けする漢字を渡すことがよくあります)、ここではポストがパラメータを渡す方法について詳しく紹介します。

まず、次のような HTML コードを記述します。

コードをコピー コードは次のとおりです:

<頭>
jquery post メソッドのテスト
<スクリプト言語="javascript" src="jquery.min.js">
<スクリプトタイプ="text/javascript">
関数 testPost(){
var name=$("#name");
var pass=$("#pass");
$.post("servlet/login",{name:name,pass:pass},postcb);
}
関数 postcb(date){
アラート(日付);
}









サーバー側サーブレットの post メソッドのコードは次のとおりです (サーブレットのクラス名は login、アクセス パスは servlet/login として設定されます)
コードをコピー コードは次のとおりです:
response.setContentType("text/html");
PrintWriter out = response.getWriter();
request.setCharacterEncoding("gb18030"); 文字列名= request.getParameter("名前"); 文字列パス= request.getParameter("pass"); out.print("名前:" 名前 "パス:" パス);
out.flush();
out.close();

上記の HTML コードをクライアントで実行した後、「テスト」ボタンをクリックすると、名前: 入力されたユーザー名パス: 入力されたパスワードのダイアログ ボックスが表示されます。HTML コードを解析すると、post メソッドがデータを使用していることがわかります。パラメータを渡すための json 形式。
補足:

中国語文字化けの場合、

ajax のデフォルトの中国語文字エンコーディングは utf-8 であり、ポスト受信ページのエンコーディングは次のようになります。コーディングも同じままです。 この記事が皆さんの jQuery ベースの Ajax プログラミングに役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。