Yii 2框架使用Ajax与后端交互

￡神魔★判官ぃ 2021-06-24 15:58 462阅读 0赞

近来用了一下Ajax技术做了一下与yii框架的后台交互，虽然不是很复杂，但是还是写一下。

前端JS代码：

function delete(id){
        if(confirm("确认删除吗"))
            $.ajax({
                url : "index.php?r=nav/delete",
                type : 'post',
                data : {"id":id},
                dataType : 'json',
                async : false,
                success : function(data){
                    if(data.status)
                        window.location.reload();
                    else
                        alert("删除失败");
                },
                error : function(){
                    alert("根本没有传过去");
                }
            });
    }

后端控制器代码：

public function actionDelete(){
            $id = \Yii::$app->request->post("id", '');
            $status = false;
            if(NavForm::delete($id))
                $status = true;
            return json_encode(['status' => $status]);
        }

这样就完成了一次Ajax交互。

其中前端的url参数可能会遇到点问题，实在不知道怎么写url的话，就先随便写一个，之后再在浏览器中用控制器查看json数据发送到哪去了，再根据结果拼接正确的url。

控制器中返回json数据有两种方式：

1.return json\_encode(\['status'\] => $status);

2.在返回代码前添加返回头信息：

Yii::$app->response->format = Response::FORMAT\_JSON;

之后返回数组就可以了：

return \['status' => $status\];

发表评论取消回复

表情：

评论列表（有 0 条评论，462人围观）

还没有评论，来说两句吧...

相关阅读

相关前端与后端数据交互 jQuery Ajax+Python Flask (附详细代码)

忆一下遇到的坑: 1.<form>标签下的<input>、<textarea>等标签必须带有name属性才能被form捕捉提交。 2.**POST**方法提交时要用r...

布满荆棘的人生/ 2024年04月18日 18:57/ 0 赞/ 69 阅读

相关使用postman模拟与后端flask交互

理转自：https://blog.csdn.net/qq\_27575895/article/details/82706666 简单的通过POST请求传参，然后返回结...

àì夳堔傛蜴生んèń/ 2024年04月17日 06:01/ 0 赞/ 80 阅读

相关 ajax前后端交互示例

文章目录一、前后端交互方法 1、Ajax前端示例 1.1 特点 1.2 ajax同域请求示例

分手后的思念是犯贱/ 2024年03月26日 10:59/ 0 赞/ 88 阅读

相关使用ajax进行前后端交互的方法

使用ajax进行前后端交互的方法：（我只测试通了json对象作为参数的方式，其他方式我没有测试通过） 1、前端方法：传参方式：POST 请求类型：json对象

桃扇骨/ 2024年03月22日 21:06/ 0 赞/ 114 阅读

相关 axios与springboot后端交互错误

错误信息： at com.fasterxml.jackson.databind.ser.std.BeanSerializerBase.serializeFields(Bea

刺骨的言语ヽ痛彻心扉/ 2023年06月05日 08:24/ 0 赞/ 9 阅读

相关深入浅出Flask(5)：使用ajax与后端交互

在开发flask程序的过程，经常会遇到使用ajax与后端进行交互的过程，比如发送一些数据给后端进行验证，并立即返回结果。可以通过下面的例子来演示flask进行ajax交互的

本是古典何须时尚/ 2022年09月04日 07:58/ 0 赞/ 174 阅读

相关 jQuery Ajax前后端使用JSON进行交互

需求：前端通过jquery Ajax传输json到后端，后端接收json，对json进行处理，后端返回一个json给前端这里使用servlet的方式

柔情只为你懂/ 2022年07月24日 03:25/ 0 赞/ 235 阅读

相关 SpringBoot 使用ajax前后端交互

一.实现HTML页面跳转，跟springMVC类似 1.pom.xml加入依赖 <dependency> <groupId>org.spri

╰+哭是因爲堅強的太久メ/ 2022年02月22日 19:40/ 0 赞/ 528 阅读

相关 JQuery使用Datatable插件（二）——使用AJAX与后端交互

一、html代码（我自定义了一个搜索框，同时用到了bootstrap框架）注意引入相应文件，同时table一定要有thead <!DOCTYPE html>

你的名字/ 2021年12月11日 05:05/ 0 赞/ 680 阅读

相关 Yii 2框架使用Ajax与后端交互

近来用了一下Ajax技术做了一下与yii框架的后台交互，虽然不是很复杂，但是还是写一下。前端JS代码： function delete(id){

￡神魔★判官ぃ/ 2021年06月24日 15:58/ 0 赞/ 463 阅读