PRAjax に送信データを直接指定して通信ができます。
送信データは JSON 形式で指定します。
まず送信先 URL および通信種別(GET/POST)を指定して PRAjax を new します。
setData() に送信データを設定し、send() で送信します。
また、setHeaders() でリクエストヘッダに値を設定できます。
レスポンスデータを使ってなんらかの処理をしたい場合はこちら。
サンプルでは、GET ボタンをクリックすると GET でデータが送信され、POST ボタンをクリックすると POST でデータが送信されるようになっています。
$("#id_btnGET").on("click", function(){var ajax = new PRAjax("response.php", "get");
ajax.setHeaders({"abc":"def"});
var data = { "name_inputText1": "テキストボックス1", "name_textArea1": "テキストエリア1", "name_radio": "ラジオ", "name_checkbox1": "チェックボックス1", "name_select1": "セレクト1" };ajax.setData(data);
ajax.send();
}); $("#id_btnPOST").on("click", function(){var ajax = new PRAjax("response.php", "post");
ajax.setHeaders({"abc":"def"});
var data = {"name_inputText1":"あああ", "name_textArea1":"いいい"};ajax.setData(data);
ajax.send();
});
<button id="id_btnGET" type="button" name="name_btnGET" class="btn">GET <button id="id_btnPOST" type="button" name="name_btnPOST" class="btn">POST