ホームページ >バックエンド開発 >PHPチュートリアル >php+ajaxトライアル
1. 最初にページ内の js.rar ファイルを参照します
2. jQuery.ajax([options]) メソッドを使用します: 説明
HTTP リクエストを通じてリモート データを読み込みます。
jQuery の基礎となる AJAX 実装。シンプルで使いやすい高レベルの実装については、$.get、$.post などを参照してください。 $.ajax() は、作成した XMLHttpRequest オブジェクトを返します。ほとんどの場合、このオブジェクトを直接操作する必要はありませんが、特殊な場合には、リクエストを手動で終了するために使用できます。
$.ajax() にはパラメータが 1 つだけあります。それは、各設定とコールバック関数の情報を含むパラメータ キー/値オブジェクトです。以下の詳細なパラメータ オプションを参照してください。
注: dataType オプションを指定する場合は、サーバーが正しい MIME 情報を返すことを確認してください (xml が "text/xml" を返すなど)。 MIME タイプが正しくないと、予期しないエラーが発生する可能性があります。 「AJAX リクエストのデータ型の指定」を参照してください。
注: dataType が「script」に設定されている場合、(同じドメインの下ではない) リモート リクエスト中に、すべての POST リクエストが GET リクエストに変換されます。 (読み込みにDOMスクリプトタグを使用するため)
jQuery 1.2では、ドメインを越えてJSONデータを読み込むことができ、使用する際にはデータ型をJSONPに設定する必要があります。 「myurl?callback=?」などの JSONP 形式を使用して関数を呼び出すと、jQuery はコールバック関数を実行するために ? を正しい関数名に自動的に置き換えます。データ型が「jsonp」に設定されている場合、jQuery は自動的にコールバック関数を呼び出します。
3. 例: フォームを送信せずに情報を追加する
Jquery コード:
function sub()
"type": "POST",/ //////送信方法
"url": "address.php?job=addother&id=$rsdb[id]&act=add",//////送信された URL は単なる URL であり、パラメータはデータに書き込まれます。ここにパラメータを記述することもできます
"data":{////パラメータの形式: パラメータ名: 値。配列の場合、jQuery は異なる値に自動的に同じ名前を対応させます。たとえば、{foo:["bar1 ", "bar2"] です。 } は '&foo=bar1&foo=bar2' に変換されます (),
"city_id":$('#city_id').val(),
"street":$('#street').val() ,
"zode":$ ('#zode ').val(),
"電話":$('#telphone').val(),
"携帯電話":$('#mobilephone')。 val()
"dataType ":"json",//サーバーによって返されることが予想されるデータ型。指定されていない場合、jQuery は HTTP パッケージの MIME 情報に基づいて、responseXML または responseText を自動的に返し、それをコールバックとして渡します。関数パラメータ。利用可能な値:
"xml": XML ドキュメントを jQuery で処理できます。
"html": 含まれるスクリプト タグが dom に挿入されると実行されます。
"script": プレーンテキストの JavaScript コードを返します。結果は自動的にキャッシュされません。 「キャッシュ」パラメータが設定されていない限り。 ''''注意:''''リモート リクエスト (同じドメインの下ではない) を行う場合、すべての POST リクエストは GET リクエストに変換されます。 (読み込みにDOMスクリプトタグを使用するため)
"json": JSONデータを返します。
「jsonp」: JSONP 形式。 「myurl?callback=?」などの JSONP 形式を使用して関数を呼び出すと、jQuery はコールバック関数を実行するために ? を正しい関数名に自動的に置き換えます。
"text": プレーンテキスト文字列を返します
"cache":false,
call要求後のコールバック関数が成功しました。パラメーター:サーバーによって返され、データ型パラメーターに従って処理されます。 "。せいぜい$ webdb [addressnum]。 style = "color:#ff0000">/span>
style="color: #FF0000">*
id="zone_id">$zone_id
style="color: #FF0000">*
style="幅: 300px;" value="$rsdb[ストリート]" />
< td height="28" align="right" class="left">电话号番号 style="color: #FF0000">*
/テーブル&gt;
&lt; divスタイル= "パディング:10px" width = "956" align = "center"&gt;テーブル>