ajax如何在jquery使用,如何在jQuery中使用Ajax

$(document).ready(function(){

if (getParameterByName(\'t\') == \'\'){

loadModal();

}else{

enableButton();

}

$(\"#btnNew\").click(function(){

clearModal();

$(\"#employee_modal\").modal(\'show\');

});

$(\".save\").click(function(){

if ($(\"#id\").val() == 0){

ajaxRequest(\"controller/event.php?event=save\", \'POST\', $(\"#form1\").serialize(), \"save\");

}else{

ajaxRequest(\"controller/event.php?event=update\", \'POST\', $(\"#form1\").serialize(), \"update\");

}

});

$(\".delete\").click(function(){

var _this=$(this).parent().parent();

var ID=_this.attr(\'data-id\');

var ans = confirm(\'Are you sure you want to delete this employee?\');

if (ans == true) {

ajaxRequest(\"controller/event.php?event=delete\", \'POST\',\'id=\'+ID, \"delete\");

}

});

$(\".edit\").click(function(){

var _this=$(this).parent().parent();

var ID=_this.attr(\'data-id\');

ajaxRequest(\"controller/event.php?event=edit\", \'POST\',\'id=\'+ID, \"edit\");

});

});

function loadModal(){

$(\"#greeting\").modal(\'show\');

}

function loadModal2(){

$(\"#employee_modal\").modal(\'show\');

}

function getData(url,type,data){

var jsonData = null;

$.ajax({

url: url,

dataType: \"json\",

data:data,

type: type,

async: false,

success: (

function(data) {

jsonData = data;

}),

error: function(xhr,status,error){

}

});

return jsonData;

}

function enableButton(){

var activeForm = getParameterByName(\'t\');

switch (activeForm){

case \"employee\":

$(\'#btnEmployee\').attr(\'src\',\'assets/img/employee.png\');

$(\'#btnHome\').attr(\'src\',\'assets/img/home-hover.png\');

break;

default:

$(\'#btnEmployee\').attr(\'src\',\'assets/img/employee-hover.png\');

$(\'#btnHome\').attr(\'src\',\'assets/img/home.png\');

}

}

function getParameterByName(name) {

name = name.replace(/[\\[]/, \"\\\\\\[\").replace(/[\\]]/, \"\\\\\\]\");

var regex = new RegExp(\"[\\\\?&]\" + name + \"=([^]*)\"),

results = regex.exec(location.search);

return results == null ? \"\" : decodeURIComponent(results[1].replace(/\\+/g, \" \"));

}

function clearModal(){

$(\"#myModalLabel\").html(\'\');

$(\"#myModalLabel\").html(\'New Record\');

$(\"#lastname\").val(\'\');

$(\"#firstname\").val(\'\');

$(\"#email\").val(\'\');

$(\"#id\").val(0);

}

function ajaxRequest(url, type, data, action){

var jsonData = \"\";

$.ajax({

url: url, //\'function.php?event=update\'

data: data, //\'code=masterpogi&name=masterpogitalagalang&id=21\',

dataType: \'json\',

type: type, //\'POST\',

success: function(result) {

switch (action){

case \'save\':

if (result.success == true){

alert(result.message);

location.reload();

}

break;

case \'delete\':

if (result.success == true){

alert(result.message);

location.reload();

}

break;

case \'edit\':

$(\"#myModalLabel\").html(\'\');

$(\"#myModalLabel\").html(\'Update Record\');

$(\"#lastname\").val(result.lastname);

$(\"#firstname\").val(result.firstname);

$(\"#email\").val(result.email);

$(\"#id\").val(result.id);

loadModal2();

break;

case \'update\':

if (result.success == true){

alert(result.message);

location.reload();

}

break;

default:

}

},

error: function () {

}

});

}