网站前端制作之使用jqueryajax请求数据

2023-02-09 分类：网站建设

在我们平时做网站时有许多地方需要再不刷新页面的时候加载数据，在这里我建议使用jQuery 中的 $.ajax()方法实现.

前端代码1

实例代码
这是一个简单的请求
然后我们用thinkphp框架去接受这个请求

前端代码2

这样就是一个完整的jquery 的ajax请求,
如果我们需要加载的数据过多不想去js里写html拼接我们可以在php里面实现拼接或者新建一个页面在页面里对数据进行处理
例如

前端代码3

但是这时我们要是使用TP里面的$this->display();直接返回到上面新建的页面，不用使用$this->ajaxReturn();去返回在jquery中直接接收的是页面的整个html代码.
当然还可以使用模板技术去做数据的更新
在页面使用JavaScript标签创建一个模板

前端代码4

这样你可以在返回结果得到后获取id 是j_list的html内容

前端代码5

然后进行数据的替换，
这样做的好处主要在于多个都有同样的html的代码，模板可以让你多个地方都能调用不要每个地方都去写html的拼接，在网站中如果要更新的数据html不一样还是用拼接吧，我感觉要快些.
jquery中$.ajax()的参数还有很多，如果要深入了解的话可去了解一下

里面有参数和用法的介绍和用法我所介绍的主要是常用的

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容