封装原生Ajax函数实现Get与Post求练习.pdfVIP

•《Code

Question》

1、

JQ-proofAjaxwrapper

Imitatejqs$.gettosendanajaxrequest.Thefollowingdatatypesareoptionalparameters.Iftherei

sjson,thedatawillbeparsedbyjson.Ifthereisnojsonparameter,thedatawillnotbeparsed.The

resultafterthecallisasfollows:

训练目标：

掌握原生Ajax技术，深入理解代码的封装

训练提示：

1：Ajax的代码封装

2：异步数据的回调处理

参考方案：

Jq中对ajax的封装

训练步骤：

1：在js文件中创建一个对象，对象中完成get方法

2：将获取xhr对象的功能封装到一个独立方法中调用

3：在get方法中设置必选形参url和ES6引入rest参数获取动态可选形参

4：发送请求

5：根据rest参数的不同，做出不同的数据处理方式

6：调用回调函数返回异步数据

举一反三

使用相同的逻辑，完成post请求的封装，注意：post请求有请求参数的处理

Training

objectives:

MasternativeAjaxtechnologyandhaveadeep

understandingofcodeencapsulation

TrainingTips:

1:Ajaxcodeencapsulation

2:Callbackprocessingof

asynchronousdata

Reference

n:

EncapsulationofajaxinJ

q

Training

steps:

1:Createanobjectinthejsfileandcompletethegetmethodinthe

object2:Encapsulatethefunctionofobtainingthexhrobjectintoan

tmethodandcallit3:Settherequiredformalparameterurl

andES6inthegetmethodtointroducetherestparametertoobtainthe

dynamicoptionalformalparameter4:Sendtherequest5:Make

differentdataprocessingmethodsaccordingtothedifferentrest

parameters6:Callthecallbackfunctiontoreturnasynchronousdata

举一反三

Usethesamelogictocompletetheencapsulationofpostrequests.Note:postrequestshaverequest

parameterprocessing.

素材：附件

oAjax封装.rar

o无

Material:Download

attachment

oAjax

package.raro

None