浠�涔���AJAX锛�

澶у�跺ソ锛�����IT淇����㈠��浜��婚�㈢��21����瀛����ㄦ��妗�锛�浠�澶╄�绡���绔�涓昏��荤�浜�ajax����瀹�

1. 浠�涔���Ajax

AJAX�斥��Asynchronous JavaScript and XML��锛�寮�姝ョ��JavaScript涓�XML����锛�锛�������涓�濂�缁煎��浜�澶�椤规������娴�瑙��ㄧ��缃�椤靛���������

Ajax��姒�蹇电�辨�拌タ路瑭瑰�澹�路璐剧���规�����猴�璇ユ�������虹�版�瑰��浜��よ�����ㄦ�疯�锋�����绛�寰�������搴�杩�绉�web浜や�妯″���

��杩��ㄥ���颁����″�ㄨ�琛�灏����版��浜ゆ��锛�Ajax��浠ヤ娇缃�椤靛���板�姝ユ�存�帮�杩����崇����浠ュ�ㄤ����板��杞芥�翠釜缃�椤电�����典�锛�瀵圭�椤电�����ㄥ��杩�琛��存�般��

��浼�缁���缃�椤碉�涓�浣跨�� Ajax锛�濡�����瑕��存�板��瀹癸�蹇�椤婚��杞芥�翠釜缃�椤甸〉����

浣跨��Ajax����锛���浠ヨ����缃�缁�甯�瀹斤���楂�椤甸�㈢����杞介��搴�锛�浠���缂╃���ㄦ�风��寰��堕�达��瑰���ㄦ�蜂�楠���

2. Ajax涓�浼�缁�宸ヤ��瑰���瀵规��

a. 浼�缁���宸ヤ��瑰�锛�浼�缁���web搴��ㄧ�搴�涓�锛��ㄦ�峰�����″�ㄥ����涓�涓�璇锋�锛��跺��绛�寰�锛����″�ㄦ�ュ���扮�ㄦ�风��璇锋��跺����搴����ㄨ�娈垫�堕�村��锛�椤甸��浼�杩�琛��翠��锋�帮�浜х��涓�涓�绛�寰��伴〉�㈠��杞藉�������堕�达�杩�����涓鸿�绉�浼�杈��瑰�涓哄��姝ュ����瑰����夸�浠ユ�ユ��浠�瀵硅�绉�web浜や�妯″�宸茬�涔���浜�锛�骞朵�浠ヤ娇�ㄨ����瑙�搴��ヨ�插凡缁�瑙�寰�������褰��剁��浜���浜���

b. Ajax��宸ヤ��瑰�锛���浼�缁���web搴��ㄤ���锛�Ajax����浜�寮�姝ヤ氦浜��垮��浜��ㄦ�疯�锋�-绛�寰�-搴�绛�浜や��瑰���缂虹�广��

Ajax�ㄥ��ㄧ�搴������″�ㄤ腑寮��ヤ�涓�涓�涓��村�---Ajax寮���锛�瀹�����Javascript缂�����锛��ㄤ�涓�������妗��朵腑杩�琛���Ajax寮���璐�璐e���扮�ㄦ�风����锛�浠ュ��浠h〃�ㄦ�峰�����″�ㄨ�琛�浜や���Ajax寮�����璁哥�ㄦ�峰�����″�ㄨ�琛�寮�姝ョ��浜や����ㄦ�锋����绛�寰�椤甸�㈢���翠����板��杞姐��

3. Ajax浼�娑����扮����棰���瑙e�虫�规�

a. 缂�瀛���棰�

��IE娴�瑙��ㄤ���浣跨��get璇锋��讹�濡���绗�涓�娆¤�锋�浜��版��涔���IE浼����ㄧ�瀛��版��锛�濡���涓�涓�娆″���������风��璇锋����跺��娴�瑙��ㄤ����ㄥ���绘�剧�瀛��剧ず�烘�ワ���浠ュ���璇锋����版�����������跺��锛�杩�������涓��板��������

瑙e�冲��娉�锛�

//xhr.open("get","xxxx.aspx?_dc="+new Date().getTime(),true);

灏辨���ㄨ�锋������� ��涓��堕�存�虫�������烘�帮�璁�url������涓�锛�������锛��规��post璇锋���

b. 璺ㄥ����棰�

杩�����浠�����瑙��扮����澶���锛�涔�����������涓�涓���棰������颁��㈢�存�ラ����Nginx璺ㄥ��瀹��般���ㄦ���″�ㄤ�瀹��拌法��锛���浠ラ��杩���绔�杈炬��锛���������璺ㄥ������绉�澶����瑰�锛���锛�http://www.cnblogs.com/fanyx/p/5775939.html

娉ㄦ�� Nginx璺ㄥ����浠ュ���堕��缃�澶�涓��ュ�g��锛�灏辨��澶�����涓�location灏卞ソ浜�锛��跺��location���㈠甫�����颁�涓��峰氨��浠ヤ���

c. Ajax涔辩����棰�

涔辩����棰��界�舵��浠��������扮��涓�澶�锛�浣���涔�灞�浜�姣�杈�甯歌���涓�涓���棰�浜����虹�扮��涓昏�����灏辨��缂���涓�涓��村�艰�寸����

濡����虹�颁贡����棰�浜�锛�棣���妫��ヤ�涓�meta澹版����charset瑕���璇锋���椤甸�㈣�����charset涓��淬��response.charset="gb2312 or utf-8"

d.浣跨��post��浜ょ���跺����瑕�杩�琛���璁剧疆

//content-Type: application/x-www-form-urlencoded;

//jQuery涓�锛�

//content-Type: application/x-www-form-urlencoded;charset=utf-8;

//AngularJS涓�$http

//content-Type: application/json; charset=utf-8;

//浣跨�ㄥ����Ajax��瑕���open浠ュ�����戒娇��xhr.setRequestHeader()�规�锛������洪��

//xhr.open("post","xxxx.aspx",true);

//xhr.setRequestHeader("content-type","application/x-www-form-urlencoded")

//�ㄥ�������跺�椤诲��open()�规�涔���send()�规�涔���璋���

e. Ajax瀵硅薄灞��х��澶у�����棰�

��浜�娴�瑙��ㄦ��濡�����锛�瀵瑰ぇ灏�����������锛�if (xhr.readystate==4)杩�绉���娉�锛���IE涓�����绔���锛�浣�����Firefox涓�灏辫�涓���浜�锛���涓�IE涓��哄��澶у���锛�Firefox���哄��澶у�����������娉�涓�if (xhr.readyState==4)锛�����杩���灞���

responseText锛�responseXML��

涔������ㄩ┘宄板舰寮�����娉���浠ラ�垮��杩�涓���棰���

f. Ajax�舵��0����棰�

���跺���ㄦ�璇�Ajax浠g�����跺����浜� �xhr.status==200���ゆ����锛�涓��翠��ц�xhr.status==200��浠g��锛�杩�涓�灏遍��瑕�娉ㄦ��浜���xhr.status==200��瑕���杩����″�ㄧ‘璁ゅ���ヨ�����锛��ㄦ���″�ㄩ〉�㈡病��������璇�����杞����舵��杩���200�舵����锛�姝ょ�舵����浣���杩�娴�瑙��ㄨ�块��椤甸�㈡�舵���″�ㄥ��涔����舵��涓��淬��杩�涓���浠�����灏辫���绔�瀵规�ュソ浜�锛���棰�涔�涓�澶с��

4. Ajax��瀹���涔����瑰�

a. jquery�规�

//$.ajax({

//url:"student-ajax/student",

//type:"POST",

//dataType:"json",

//data:{

//name:$("#names").val(),

//qq:$("#QQs").val(),

//},

//success:function(data){

//console.log(data);

//if(data.code === 200){

//alert($("#names").val() + "瀛���淇℃��" +data.message);

//}else{

//alert(data.message);

//}

//},

//error:function(data){

//console.log(data);

//alert("娣诲��澶辫触");

//}

//});

//}) ;

b. angularjs�规�

//$http({

//method:'get',

//url:('/a/a/all/document?type=1&page='+$scope.page),

//headers:{'Content-Type':'application/x-www-form-urlencoded'}

//})

//.success(function (response) {

//console.log(response.total);

//console.log(response);

// if (response.message === "�ヨ�㈡����") {

//$scope.userList = response.data;

//$scope.userTotal = response.total;

//$scope.page=response.page;

// console.log($scope.userList.total);

//});

c. JavaScript����

//var request = new XMLHttpRequest(); // �板缓XMLHttpRequest瀵硅薄;

//request.onreadystatechange = function () { // �舵�����������讹��芥�拌���璋�;

//if (request.readyState === 4) { // ����瀹���

// �ゆ����搴�缁���:

//if (request.status === 200) {

// ����锛���杩�responseText�垮�板��搴�������:

//return success(request.responseText);

//} else {

// 澶辫触锛��规����搴����ゆ��澶辫触����:

//return fail(request.status);

//}

//} else {

// HTTP璇锋�杩��ㄧ户缁�...

//}

//}

ppt�炬�ワ�https://ptteng.github.io/PPT/PPT/js-05-HowusePostman.html

瑙�棰��炬�ワ�https://v.qq.com/x/page/f0533viwzwe.html

��灞���棰�

1. 寮�姝ユ�存�版�����界���ラ��

瀹���涓��ㄥ�姝ユ�存�颁�锛������藉��涓鸿�锋���搴�瀵艰�村���ㄥ����椤哄�����瀹规�存�颁��烘�ワ���浠ュ�寮�姝ユ�规����姝ワ�灏辫В�充�杩�涓���棰�

2. ajax涓轰�涔�浼�涔辩��

杩�涓���瀛�绗�搴����筹�涓����ヨ�翠娇�ㄧ��瀛�绗�搴���utf-8锛�������gb2312锛�濡����ㄨ�颁�����寮�浼�浜х��ANSI��瀛�绗�搴�锛������藉�艰�翠贡��

3. success锛�锛���then锛�锛����哄��

瑕�灏��哄����寮�娓�$http���★�瀹���瀵瑰����XMLHttpRequest瀵硅薄��绠���灏�瑁�锛������芥�ュ��涓�涓����扮���规�锛�杩�涓��规�浼�杩���涓�涓�promise瀵硅薄锛��锋��sccess��error涓や釜�规���褰��讹���浠�涔���浠ュ�ㄥ��搴�杩����剁��then�规��ュ���锛�浼�寰��颁�涓��规�������帮�浠h〃浜�瀵硅薄��������澶辫触淇℃��锛�������浠ヤ娇��success��error��璋�浠f��

杩��峰氨寰����颁�锛�then�规���success�规���涓昏��哄��灏辨��锛�then�规�浼��ュ���板���寸����搴�瀵硅薄锛�淇℃���翠负�ㄩ��锛���success��浼�瀵瑰��搴�瀵硅薄杩�琛�����锛�浣跨�ㄨ捣�ユ�翠负�逛究

�变���angularjs 1.5浠ュ����������锛��存���′娇��then锛�锛�锛���浠ヨ������then���㈣�琛�if else�ゆ��锛�灏卞��浠ュ����瀹�����棣�����瀹�

你可能感兴趣的:(浠�涔���AJAX锛�)