送信データ指定

PRAjax に送信データを直接指定して通信ができます。

送信データは JSON 形式で指定します。

まず送信先 URL および通信種別(GET/POST)を指定して PRAjax を new します。

setData() に送信データを設定し、send() で送信します。

また、setHeaders() でリクエストヘッダに値を設定できます。

レスポンスデータを使ってなんらかの処理をしたい場合はこちら


サンプルでは、GET ボタンをクリックすると GET でデータが送信され、POST ボタンをクリックすると POST でデータが送信されるようになっています。

Script Source
$("#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();
});

HTML
<button id="id_btnGET" type="button" name="name_btnGET" class="btn">GET
<button id="id_btnPOST" type="button" name="name_btnPOST" class="btn">POST