Ajax基础之封装.pdfVIP

Ajax 基础之封装 之前点击按钮取出新闻，现在要实现每隔一段事件进行新闻的更新。这个时候，肯定是 加一个定时器，然 后每隔一段事件，再进行一次Ajax 请求，既然要经常用到Ajax 请求， 封装函数就很必要了，先来看一下上个栗子的js 代码，我们来进行封装。 封装函数的要点就是把重复使用的部分提取取来，同时一些变化的东西作为参数，无 法作为参数的进行判断处理。  一、所以我们先看看变化的东西都有哪些：  1  请求方式是get/post     2  请求的地址      3  请求的数据     4  请求成功后需要做的事情  所以这四个就做为函数的参数：ajax(method,url,data,success);  二、因为不同的请求方式，我们传数据的方式不一样，所以对于这些，需要进行条件判 断。  三、还有一个问题就是关于 xhr.responseText ，变量xhr是在封装函数中声明的，所以 这个东西属于ajax函数的，我们在success函数中是用不到的， 但是success这个函数 里面需要用这 个数据。所以办法就是在封装函数中调用success函数的时候，把xhr.res ponseText当作参数传出去。 success(xhr.responseText)。  其实这是一种回调,回调就是一个函数作为另一个函数的参数，并在另一个函数里面被 调用，这个栗子就是success作为ajax函数的参数，并在ajax里面被调用。   （其实个 人感觉就是函数在用参数，函数的参数，就是拿来用的，只是现在参数是函数，所以就调 用呗）。  所以封装后就是这样：  调用就是这样：