用 jquery ajax 实现html页面点击单词上传到服务器

最新推荐文章于 2023-05-04 17:07:37 发布

八九燕来

最新推荐文章于 2023-05-04 17:07:37 发布

阅读量337

点赞数

分类专栏： JavaScript 文章标签： jquery ajax

本文链接：https://blog.csdn.net/carrousel0516/article/details/73915834

版权

JavaScript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

服务器端页面地址：
http://localhost/basic/web/index.php?r=site/ajax&bag=nothing
bag 是个参数
注意，测试的时候前端html页面一定也要放在服务器上通过web服务器调用，这样前端页面和服务器端页面是在同一个web site下面。

// 这里是服务器端页面
    public function actionAjax($bag = "nothing"){
        echo $bag;
    }

// 这里是前端页面
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
            $("span").click(function(){
                txt = $(this).text();
                $.get("http://Localhost/basic/web/index.php",{r:"site/ajax",bag:txt},function(result,status){
                    alert(result);
                });             
            });
        });
        </script>
    </head>
<body>

<h1>My Web Page</h1>

<p id="demo"><span id="ka">A</span> <span id="ke">Paragraph</span></p>

</body>
</html>

八九燕来

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用 jquery ajax 实现html页面点击单词上传到服务器

服务器端页面地址： http://localhost/basic/web/index.php?r=site/ajax&bag=nothing bag 是个参数注意，测试的时候前端html页面一定也要放在服务器上通过web服务器调用，这样前端页面和服务器端页面是在同一个web site下面。// 这里是服务器端页面 public function actionAjax($bag = "
复制链接

扫一扫

专栏目录