コードは次のとおりです: コードをコピー コードは次のとおりです: ="http:// www.w3.org/1999/xhtml"> 無題ドキュメント <br><script type="text/javascript"> <br>$(function(){ <br>$("button").click(function(){ <br>$ .getJSON("ajax6.asp",function(data){ <br>$("#pig").html(data.name); <br>}); >}); <br><body> <br><ボタン></div> 🎜><br><br><br><br><br><br><br><br> </div> <br><br> 🎜><div class="codetitle"> コードは次のとおりです: <span><a style="CURSOR: pointer" data="23590" class="copybut" id="copybut23590" onclick="doCopy('code23590')"> <u><% </U>response.Write("{name:'peter',age:18}"); ; </a></span> </div>なぜ取得できないのですか? , aspのjsonを取得したいです。 <div class="codebody" id="code23590">解決された主な問題は次のとおりです。キーと値には次のように二重引用符が必要です。<BR><BR><BR><BR></div>コードをコピー <BR><BR><BR> コードは次のとおりです。 : <div class="codetitle"> <span> <a style="CURSOR: pointer" data="1564" class="copybut" id="copybut1564" onclick="doCopy('code1564')">response.Write("{""名前"":""ピーター"",""年齢"":""18″"}") <U></U> </a>jQuery でよく使われる GetJSON を呼び出してリモートの JSON 文字列を取得し、JSON オブジェクトに変換し、成功した場合はコールバック関数を実行します。プロトタイプは次のとおりです。 </span>jQuery.getJSON( url, [data], [callback] ) は、ドメイン間で JSON データを読み込みます。 </div>url: リクエストを送信するアドレス <div class="codebody" id="code1564">data: (オプション) 送信されるキー/値パラメータ <BR>callback: (オプション) ロードが成功したときのコールバック関数 <BR> は主にクライアントが次のことを行うために使用されます。サーバーの JSON データを取得します。簡単な例: </div>サーバー スクリプト、JSON データを返す: <BR><BR><BR><BR><BR>コードをコピー <BR><BR><BR> コードは次のとおりです: <div class="codetitle"><span> <a style="CURSOR: pointer" data="41085" class="copybut" id="copybut41085" onclick="doCopy('code41085')">// $.getJSON.php <U>$arr=array("name"=>"zhangsan", "age"=>20); </u>$jarr=json_encode($arr); </a> echo $jarr; </span> </div> <div class="codebody" id="code41085">2 つの点に注意してください: まず、クライアントに戻る前に、PHP 関数 json_encode を使用して返されたデータをエンコードします。 2 番目: echo はクライアントに戻るために使用され、戻るのではありません。 <br>次はコア クライアント コードです: <br><br><br><br> </div>コードをコピー <br><br><br> コードは次のとおりです: <div class="codetitle"> <span> <a style="CURSOR: pointer" data="22522" class="copybut" id="copybut22522" onclick="doCopy('code22522')"><script language="javascript" type="text/javascript" src="./js/jquery.js"> </u>function getjs() </a>{ </span>$.getJSON("$.getJSON.php", {}, function(response){ </div>alert(response.age); <div class="codebody" id="code22522">} ); <br>} <br><input type="button" name="btn" id="btn" value="test" onClick="javascript:getjs();"/> ><BR> <BR>PHP では戻り値が JSON でエンコードされているため、getJSON を使用して PHP ファイルを呼び出してデータを取得する必要があります。同時に、getJSONで取得したデータがオブジェクト配列になっていることがわかり、response.nameとresponse.ageを使うことで直感的に戻り値を取得することができます。 <BR>jquery は、クロスドメインの Ajax リクエストを実装できる $.getJSON メソッドを提供しますが、jqueryAPI の内容は、$.getJSON の使用方法と、リクエスト元の Web サイトから返されるデータベースの種類が少なすぎます。 $.getJSON がそれを取得できることを確認するには、以下に実際の例を使用して説明します。 <BR>バックエンドは PHP を使用しています。次のコードの主な機能の 1 つは、渡す必要があるデータは次のとおりです: ユーザー名、連絡先番号、住所: <BR><BR><BR> <BR></div>コードをコピー<BR><BR><BR> コードは次のとおりです:<BR><div class="codebody" id="code4768"> <BR>/*Reservation registration execution interface*/ <BR>case "yuyue_interface": <BR>$name = trim($_GET['name']); <BR>$phone = trim($_GET[ 'phone']); <BR>$addr = trim($_GET['addr']); <BR>$dt = date("Y-m-d H:i:s"); <BR>$cb = $_GET[ 'callback']; <BR>if($name == "" || $name == NULL){ <BR>echo $cb."({code:".json_encode(1)."})"; <BR>}elseif($phone == "" || $phone == NULL){ <BR>echo $cb."({code:".json_encode(2)."})"; <BR>}elseif( $addr == "" || $addr == NULL){ <BR>echo $cb."({code:".json_encode(3)."})"; <BR>}else{ <BR>$db ->execute("insert into tb_yuyue (realname,telphone,danwei,dt,ischeck) values ('$name','$phone','$addr','$dt',0)"); <br> echo $cb."({code:".json_encode(0)."})"; <br>} <br>exit; <br>break; <br> </div> <br>Then the front-end processing : <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="31472" class="copybut" id="copybut31472" onclick="doCopy('code31472')"><u>Copy code </u></a></span> The code is as follows: </div> <div class="codebody" id="code31472"> <br>$(document).ready(function(){ <br>//The following 3 parameters are required for reservation registration<br>var name = "name"; //varchar type, with a maximum length of 8 digits (4 Chinese characters) <br>var phone = "phone"; / /varchar type, length is 11 digits<br>var addr = "addr"; //varchar type, length is up to 500 digits (250 Chinese characters) <br>$.getJSON("http://request website address/data .php?ac=yuyue_interface&name=" name "&phone=" phone "&addr=" addr "&callback=?", function(data){ <br>if(data.code==1){ <br>//Customized Code<br>alert("Name cannot be empty"); <br>}else if(data.code==2){ <br>//Custom code<br>alert("Mobile phone cannot be empty"); <br>}else if(data.code==3){ <br>//Customized code<br>alert("The unit cannot be empty"); <br>}else{ <br>//Customized Code <br>alert("Appointment successful"); <br>} <br>}); <br>}); <br> </div> <br>It should be noted that in the back-end php code, it must Also output the " &callback=? " passed in, such as: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="51362" class="copybut" id="copybut51362" onclick="doCopy('code51362')"><u> Copy the code </u></a></span> The code is as follows: </div> <div class="codebody" id="code51362"> <br>$cb = $_GET['callback']; <br>echo $cb."({code:".json_encode(4)."})"; <br> </div> <br>The above is one A simple $.getJSON test. Through this test, we can learn how to use $.getJSON and how to make an interface to allow others to make cross-domain requests.
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
