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

在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.php 下interest方法

// 用户关注大学
public function interest($univ_id) {
$data ['univ_id'] = $_GET ["univ_id"];
echo $univ_id . " success";
}
}

流程：

1.点击“关注”按钮，触发js当中函数；

2.函数执行后台控制器方法，后台返回数据；

3.ajax获得返回数据，js 修改html标签展示返回数据；