php+ajaxトライアル

WBOY
リリース: 2016-06-23 14:34:37
オリジナル
771 人が閲覧しました

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

$province_id$city_id< ;span

id="zone_id">$zone_id

街道地址

style="color: #FF0000">*

<入力type="text" name="ストリート" id="ストリート"

style="幅: 300px;" value="$rsdb[ストリート]" />

邮政编码

style="color: #FF0000">*

value="$rsdb[zode]" />

< td height="28" align="right" class="left">电话号番号

style="color: #FF0000">*

/テーブル&gt;

&lt; divスタイル= "パディング:10px" width = "956" align = "center"&gt;テーブル>

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート