AJAX | Chinese Rule of Eight

In order to retrieve data via ajax, we give it some parameter data like requestId, andn telNum, then it will return a data through a data parameter. In our case, it is data.

$(document).ready(function(){

$.ajax({

url:'${rootPath}/circ/sabids.json',

type: 'GET',

data:{

'requestId' : <%=requestId%>,

'telNum' : <%=telNum%>

success:function(data) {

if(data.isSuccess) {

$("#title").val(data.callRequestResult.title);

console.log('title+++++'+data.callRequestResult.title);

//alert(data.callRequestResult.emergencyLevel)

$('#emergencyLevel').val(data.callRequestResult.emergencyLevel);

$('#content1').val(data.callRequestResult.content);

if(null != data.OldPeopleInfo) {

$('#code1').val(data.OldPeopleInfo.code);

$('#oldmanName1').val(data.OldPeopleInfo.name);

$('#gender1').val(data.OldPeopleInfo.gender);

$('#mobilePhone').val(data.OldPeopleInfo.mobilePhone1);

$('#address1').val(data.OldPeopleInfo.address);

currentPeopleId = data.OldPeopleInfo.peopleId;

}

} //if

}, //success

}); // ajax

}); //doc ready

You got whole bunch of data in textboxes and combo boxes. You retrieve those data by their id using jQuery like so:

var temp3 = $('#someID').val();

var temp2 = $('#someiD').combobox('getValue');

var temp = $('#someiD').datebox('getValue');

Once you get these data…you pass it into ajax’s data parameter and you’re basically done:

$('#save_btn').on('click', function() {

console.log('save button clicked');

var title = $("#title").val();

var content = $("#content").val();

var requestDate = $('#requestDate').datebox('getValue');

var emergencyLevel = $('#emergencyLevel').combobox('getValue');

var requestSource = $('#requestSource').combobox('getValue');

var callInTel = $("#callInTel").val();

var createUserName = $('#createUserName').val();

var createDatetime = $('#createDatetime').datebox('getValue');

var recordUrl = $("#recordUrl").val();

var remark = $('#remark').val();

var handleStatus = $('#handleStatus').combobox('getValue');

var satisfaction = $('#satisfaction').combobox('getValue');

var callBackStatus = $('#callBackStatus').combobox('getValue');

var requestType = $('#requestType').combobox('getValue');

var requestId = $('#requestId').val();

$.ajax({

url : '${rootPath}/circ/add.json',

dataType : 'json',

type : 'POST',

data : {

'title' : encodeURIComponent(title),

'content' : encodeURIComponent(content),

'requestDate' : requestDate,

'requestType' : requestType,

'emergencyLevel' : emergencyLevel,

'requestSource' : requestSource,

'callInTel' : callInTel,

'createUserName' : createUserName,

'createDatetime' : createDatetime,

'recordUrl' : recordUrl,

'remark' : remark,

'handleStatus' : handleStatus,

'satisfaction' : satisfaction,

'callBackStatus' : callBackStatus

success : function(data) {

if (data.isSuccess) {

alert('保存成功!');

console.log('DATA is successful, adding page....!');

} // if

} //success function

}); //end of ajax

}); //end of save button on

Chinese Rule of Eight

Tag Archives: AJAX

retrieve data through ajax

Send html data via jQuery and AJAX to JSON url