php网站制作(4)-thinkphp jQuery ajax实现后台数据交互

最新推荐文章于 2023-12-06 03:00:00 发布

Rascal_Wei

最新推荐文章于 2023-12-06 03:00:00 发布

阅读量1.8k

点赞数

分类专栏：网站制作-php、html、js、ajax

本文链接：https://blog.csdn.net/weishuxiao1/article/details/28592691

版权

本文介绍如何在ThinkPHP框架中利用jQuery的AJAX功能，实现在不刷新页面的情况下与后台进行数据交互，动态更新页面内容。通过在JavaScript文件中编写AJAX请求，调用控制器的方法获取并处理数据。

摘要由CSDN通过智能技术生成

在thinkphp当中同样，ajax可以实现无页面刷新的情况下与后台数据进行交互，并动态修改页面（js），ajax写在js文件当中。

HTML语句：

<import type='js' file="Js/interest" />
<button type="button" id="interest_btn">关注</button>
<div id="myDiv">通过 AJAX 改变文本</div>

jquery实现后台数据交互模板：

interest.js

$(document).ready(function() {
	$("#interest_btn").click(function() {
	//url与浏览器地址一致
		url = '/index.php/home/Index/interest' + '/univ_id/' + univ_id;
		htmlobj = $.ajax({
			url : url,
			async : false
		});
		$("#myDiv").html(htmlobj.responseText);
	});
});

thinkphp控制器方法：

/web/App/Home/Controller/IndexController.class.ph