ajax简单模板

最新推荐文章于 2021-09-06 15:21:11 发布

微蝉

最新推荐文章于 2021-09-06 15:21:11 发布

阅读量371

点赞数 1

分类专栏：第一阶段文章标签： jQuery ajax

本文链接：https://blog.csdn.net/spider_max/article/details/51967075

版权

第一阶段专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>ajax</title>
   <%--  引用包 要在 上面 head 中 加载顺序问题
          script文件也要卸载 上面 head中


        --%>
    <script src="../js/jquery-1.11.1.js" type="text/javascript">
    </script>
    <script>
        function onsubmit(){
            var  inf =$('#info').val();
            $.ajax({
                /*
                * 逗号只是分隔符作用最后一项不要加逗号
                * */
                type : 'post',
                url : '/aja_f.jsp',       // 这个url是网络地址 http://localhost:8081/jsp/aja_f.jsp  没有域名  /jsp/aja_f.jsp
                data:'inf='+inf,
               /**
                * success 链接访问成功，能正常访问就回执行，
                * 不管数据是否传输过去
                * error  是本方法中的 数据不合法 比如data：中的参数不合法
                * 404也会执行error
                * */
                success:function (data) {
                    alert(data)

                },
                error:function(){
                    alert("cc");
                }
            });
        }
        /*
        * 这是初始化
        * 这个方法 页面加载的时候直接运行不用调用
        *
        * */
        $(function(){ //这个方法加载页面就运行  出错就不加载下面的了js代码了。  $(function(){})
            $('#TJ').on('click',function () {
                // import * as $ from "../js/jquery-1.11.1";
                onsubmit();
            })
            //$("#div").append("<input type='text' value='dd'/>");
        })
    </script>
</head>
<body>

<div id="div">
    <input type="text" id="info" placeholder="请输入账号 "/>
    <button type="button" id="TJ">确定</button>
    <script>
        $('#TJ').on('click',function () {
            // import * as $ from "../js/jquery-1.11.1";
            onsubmit();
        })
        //$("#div").append("<input type='text' value='dd'/>");

    </script>
    </div>
</body>
</html>

微蝉

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax简单模板

page contentType="text/html;charset=UTF-8" language="java" %> ajax <%-- 引用包要在上面 head 中加载顺序问题 script文件也要卸载上面 head中 --%> src="../js/jquery-1.11.1.js" type="text/jav
复制链接

扫一扫