thinkphp5中ajax——post请求

最新推荐文章于 2024-10-07 09:20:27 发布

Kinghiee

最新推荐文章于 2024-10-07 09:20:27 发布

阅读量2.1k

点赞数

文章标签： thinkphp5 ajax post

本文链接：https://blog.csdn.net/qq_42683219/article/details/101789943

版权

html代码

<body>
    <div class="light-modal" id="modal-id-1" role="dialog" aria-labelledby="light-modal-label" aria-hidden="true">
        <div class="light-modal-content   animated zoomInDown">
            <a href="#" class="light-modal-close-icon" aria-label="close">&times;</a>
            <div class="light-modal-body">
            //这是一个表单 post请求
                <form action="" method="post" onsubmit="return false"  id="up_form_download">
                    <div id="schoolnumber_div">
                        <input placeholder="schoolnumber" id="schoolnumber" name="schoolnumber" type="text"  autocomplete="off" >
                    </div>
                    <div  id="name_div">
                        <input placeholder="name" id="name" name="name" type="text"  autocomplete="off">
                    </div>
                    <div  id="download_button">
                        <input id="Hiee_input_button" type="button" onclick="ajax_Post_Download()" value="Download"/>
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>

代码效果
在这里插入图片描述

注意：我这里没有列出css样式。
js代码

function ajax_Post_Download(){
    var formData = $("#up_form_download").serialize();//serialize() 方法通过序列化表单值，创建 URL 编码文本字符串,这个是jquery提供的方法
    $.ajax({
        type:"post",
        url:'download_demo',
        data:formData,//这里data传递过去的是序列化以后的字符串
        success:function(data){
          alert(data);
        }
    });
}

注意：
①url中不能使用thinkphp5中的url函数,如果使用则为无效。我这里的url路径是一个方法

class类代码

public function download_demo($schoolnumber,$name){
        return "123";
    }

这样就能完成一个ajax请求
在这里插入图片描述

这里需要提示大家的是ajax请求的路径是方法路径
这里我列出我的目录结构
在这里插入图片描述

Kinghiee

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫