jQuery的ajax方法

最新推荐文章于 2022-03-26 17:48:30 发布

RyeWhiskey_50°

最新推荐文章于 2022-03-26 17:48:30 发布

阅读量308

点赞数

本文链接：https://blog.csdn.net/Agent_Ethan/article/details/80017605

版权

声明：这是本人写的第一篇博客，目的是把平时遇到的问题，记录下来。写的不好，请见谅。

Ajax介绍：

Ajax简单来说是异步请求，使我们不用加载全部网页，就可以从后台获取新的数据。实现网页局部进行更新。最直观的一点是在你触发一个事件时，整个网页不会闪一下，就把想要显示的部分更新了。

Ajax用法：

本人搭建的是Maven工程，在使用ajax方法先导入包，配置pom.xml文件。

<!-- jQuery-->
<dependency>
  <groupId>org.webjars</groupId>
  <artifactId>jquery</artifactId>
  <version>2.2.4</version>
</dependency>

并在所建的jsp文件中引入jQuery路径：

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

将ajax写在js中，先写一个触发ajax的事件，

<html>
<body>
<input type="button" οnclick="upPage()" value="上一页">
</body>
</html>

点击按钮，触发upPage函数，进入ajax方法；

进行ajax参数设置：

url：“xxx” // 你想到哪取值给前台你就写哪的地址；

//（我用的是SSM框架，不用写controller@RequestMapping中的“/”）

async：true // 默认是true，是异步请求。

type:"xxx" // get或者post

dataType:"xxx" // 返回的数据类型 json或者text

data：｛｝ // “后台接这个值的变量名（key）”：要传递的值（value） → 即 key/value值对

success：function（data）｛ // 如果以上配置正确，则执行success方法，将后台的值取回。

.....值取回来了，想干啥干啥.....

｝

error：function（data）｛ // 如果不争取，就走error方法，愚蠢嘿嘿

alert（“愚蠢”）；

｝

<script language="JavaScript">
    var totalcount=30;
    var pageNow=0;
    var pageSize=10;
    function nextPage() {
        ++pageNow;
        $.ajax({                       // 进入ajax
            url:"divide",        
            async:true,
            type:"get",
            dataType:"json",
            data:{
                "pageNow":pageNow,
                "pageSize":pageSize,
            },
            success:function (data) {
             // console.log(data);
                alert("这就是ajax")
}
            ,error:function(data){

                alert("fail");

            }

该代码是我在用SSM+ajax做分页时的部分代码。

RyeWhiskey_50°

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery的ajax方法

声明：这是本人写的第一篇博客，目的是把平时遇到的问题，记录下来。写的不好，请见谅。Ajax介绍： Ajax简单来说是异步请求，使我们不用加载全部网页，就可以从后台获取新的数据。实现网页局部进行更新。最直观的一点是在你触发一个事件时，整个网页不会闪一下，就把想要显示的部分更新了。Ajax用法：本人搭建的是Maven工程，在使用ajax方法先导入包，配置pom.xm...
复制链接

扫一扫