ホームページ >ウェブフロントエンド >jsチュートリアル >jquery の $.getJSON_jquery を使用してクロスドメイン Ajax リクエスト テストを行う

jquery の $.getJSON_jquery を使用してクロスドメイン Ajax リクエスト テストを行う

WBOY
WBOYオリジナル
2016-05-16 18:07:151028ブラウズ

(主にバックアップとして保管しておきます。将来使用するのに忘れてしまう可能性があるため、あまり説明はありません。どうしても理解できない場合は、私のコードに従って試してみてください。)
私のバックエンドは PHP を使用しています。次のコードの主な機能の 1 つは、渡す必要があるデータは次のとおりです: ユーザー名、連絡先番号、住所
/*appointment register実行インターフェース*/

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

/*予約登録実行インターフェース*/
case "yuyue_interface":
$name = trim($_GET['name']);
$phone = trim($_GET['phone']); = トリム($_GET['addr']);
$dt = date("Y-m-d H:i:s");
$cb = $_GET['callback']; name == "" || $name == NULL) {
echo $cb."({code:".json_encode(1)."})";
}elseif($phone == "" || $phone == NULL){
echo $cb."({code:".json_encode(2)."})";
}elseif($addr == "" || $addr = = NULL){
echo $cb."( {code:".json_encode(3)."})";
}else{
$db->e​​xecute("tb_yuyue に挿入 (本名) ,telphone,danwei,dt,ischeck) 値 ('$ name','$phone','$addr','$dt',0)");
echo $cb."({code: ".json_encode(0)."})";
}
exit;
break;


その後、フロントエンド処理


$(document).ready(function(){
//以下予約登録には 3 つのパラメータが必要です
var name = "name"、長さは最大 8 桁 (漢字 4 文字)
varphone = "phone";長さは 11 桁です
var addr = "addr"; //varchar 型、長さは 11 桁までです 500 桁(漢字 250 文字)です
$.getJSON("http://リクエスト Web サイトのアドレス/data.php?ac=yuyue_interface&name=" name "&phone=" 電話 "&addr=" addr "&callback=?", function(data){
if(data.code==1){
//カスタム コード
alert("名前を空にすることはできません");
}else if(data.code= =2){
//カスタム コード
alert("携帯電話名を空にすることはできません") ;
}else if(data.code==3){
//カスタム コード
alert("ユニットを空にすることはできません");
}else{
//カスタム コード
alert("予約成功");
}
});


バックエンドの php コードでは、渡された " &callback=? " も次のように出力する必要があります:


コードをコピー コードは次のとおりです: $cb = $_GET['callback'];
echo $cb."({code :".json_encode(4)."})";


上記は単純な $.getJSON テストです。このテストを通じて、$.getJSON の使用方法を学習し、他のユーザーがクロスドメイン リクエストを実行できるようにするインターフェイスの作成方法も学習できます。
ご質問がございましたら、以下からお問い合わせください。間違いがあった場合は、ご指摘ください。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。