ajax保存选取数据post提交,怎么通过ajax提交（POST）表单数据并且返回（GET）服务器信息...

在做一个类似订票的网页系统。下面是模拟的H5表单

Name:

Email:

Event ID:

Number of Tickets:

打算在点击提交以后返回订票成功与否的相关信息，比如

{"status":"ok"} // when request satisfied

{"status":"partial", "reserved": n} // when request is partially satisfied, where n is a number of reserved tickets.

{"status":"failed"} // when there are no tikets available.

在服务端模拟好了相关数据(Server-side URL: http://guimon.info/js/tickets...)，但是卡在怎么通过ajax提交POST的数据并且服务端也会返回诸如上面JSON的response(JSON相关数据也都部署完了在 http://guimon.info/js/events....)。

想要的参数是

name

email

event_id

number_of_tickets

谢谢各位大神

代码如下：

Load

document.getElementById('load').addEventListener('click', load);

var out = document.getElementById('output');

function load(){

var obj= new XMLHttpRequest();

var params = "name=username";

obj.open("POST", /*"ajax_data.html"*/"http://guimon.info/js/tickets.php", true);

obj.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

//obj.setRequestHeader("Content-length", params.length);

//obj.setRequestHeader("Connection", "close");

obj.onload = function (){

if(obj.status == 200 ){

var response = JSON.parse(obj.responseText);

out.innerHTML += "

" + response.content + "

";

}

};

obj.send(params);

}