jquery - jquery mobileでフォームデータのクロスドメイン投稿を実行するには?

Question

ajax を使用して、別のドメインのリモート サーバー (PHP サーバー) にフォームを送信しようとしています。データ型としてjsonpを使用することについて聞いたことがありますが、PHPサーバーからjsonpデータを返す方法とまったく同じように使用する方法がわかりません。誰かがこの点で私に助けを提供できますか? 可能であれば、jsonp を返すための PHP スクリプトをどのように記述すればよいかを指定してください。

Answer 1

簡単なセットアップは次のとおりです。

<?php

 $var1 = $_POST['var1'];
 // repeat mapping form post vars to local php vars

 // code to do something with vars such as INSERT to database goes here

 // select information or build up hard-coded response

 // set header for response
 header('content-type: application/json; charset=utf-8');

 // setup response object
 $data = array('resposne' => 'succcess', 'formId' => 5);

 // return json object
 echo json_encode($data);

?>

次に、jQuery は次のようになります。

$.ajax({
  url: 'data.php', 
  data: $('#yourForm').serialize(), 
  success: doSomethingWithResult 
});

function doSomethingWithResponse(result) {
  alert(result.response); // should alert "success"
}

これが機能しない場合は、ウェブ上に他のより具体的な例がたくさんあります。これは素晴らしい読み物であることがわかりました：http://www.geekality.net/2010/06/27/php-how-to-easily-provide-json-and-jsonp/