ajax页面请求的做的留言板

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax页面请求的做的留言板相关的知识,希望对你有一定的参考价值。

在jquery中关于ajax的请求页面的函数主要有:

load、get、post、$.ajax;

主要的用法是:

①. load(url);可以单独这么来加载其他地方的页面,当需要特定加载某一个页面的一处时,可以加个空格#id即格式是:example.html #id;加载后返回被加载页面部分到调用该方法

                            的对象处。

②. load(url,{data},true);里面有三个参数,一个是需要加载的url、传送给服务器的数据data,一般以json对象传输,第三个参数是是否是异步或者同步加载页面(默认情况下是true)。url后面有参数数,接收请求的页面以get的形式获取,data里面的数据以post方式获取。

③. load(url,{data},callback);这个callback载入成功时回调函数。里面也有三个参数,主要是关于响应返回后的一些信息。

$.get():

①.服务器处理数据是以get方式获取数据。

$.post():

①. 服务器处理数据是以post方式获取数据

$.ajax():

里面的参数比较多,但常用的比较少。以下是部分代码,主要解释各个参数的作用:

   $.ajax({
           type:‘get‘,
           url:"insertDb.php",
           data:{"title":title,"content":content},
           success:function(data,status){
           if(data){
               gettotalNum(page);
               load_show(totalNum);
              }
            }
      })

type:请求方式(get/post);

async:是设这异步还是同步的参数,true:所有请求均为异步请求,如果需要发送同步请求,需要设置为false。同步请求将锁住浏览器,用户其他操作必须等待请求完成才可以执行。

cache:是否清除浏览器缓存。

data:发送到服务器的数据。

dataType:预期服务器返回的数据类型。

complete:要求为function类型的参数,请求完成后调用的回调函数。

success:

success:function(data,status){
if(data){
gettotalNum(page);
load_show(totalNum);
}
}

里面有两个参数,由服务器返回,并根据dataType参数进行处理后的数据。

contentType:设置发送给服务器数据的内容编码类型。

dataFilter:function(data, type){
                //返回处理后的数据
                return data;
            }

data:是ajax返回的原始数据,type是调用Jquery.ajax时提供的dataType参数。函数的返回值由Jquery进一步处理。









以上是关于ajax页面请求的做的留言板的主要内容,如果未能解决你的问题,请参考以下文章

jsp做的一个简易留言板功能

jsp做的一个简易留言板功能

thinkphp怎样获取ajax请求数据

AJAX相关JS代码片段和部分浏览器模型

防止前端脚本JavaScript注入

前端面试题之手写promise