注册 登录
编程论坛 jQuery论坛

麻烦各位学霸能帮我看看吗,为啥我点击这个按钮他没有访问url

帝师 发布于 2020-12-29 14:00, 1489 次点击

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>Ajax</title>
    <script src="/js/jquery-1.12.3.min.js" type="text/javascript"/>
    <script>
        //页面加载
        $(function () {
            //点击事件
           $("#btn").click(function () {
               $.ajax({
                  type:"post",
                   url:"/user/save5.do",
                   contentType:"application/json;charset=utf-8",
                   //json类型的数据k-v
                   data:'{"username":"jack","age":"20"}',
                   dataType:"json",
                   success:function (data) {
                        alert(data.username+"--"+data.age);
                   }
               });
           });
        });
    </script>
</head>
<body>

<input type="button" value="ajax" id="btn" >

</body>
</html>
//我点击按钮好像根本没走上面的function一样,url是对的,哪里出问题了麻烦帮我指出来哈,谢谢
1 回复
#2
搞钱2020-12-31 16:44
1.1 header中
    放在header中的javascript代码会进行预加载(即:在页面加载之前就会进行),所以需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分中时,可以保证脚本在任何调用之前被加载。

    坑01:header中的JavaScript只是比页面先加载,但是header中哪些JavaScript并没有执行,只有被调用时才会执行header中那些JavaScript

    坑02:header中的JavaScript脚本会在页面加载前执行,事件会在被触发后执行

    技巧03:通常外部脚本都是在header中引入

1.2 body中
    放在body中的JavaScript代码会在页面加载完成后才进行加载,当页面被加载时执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。

    坑01:body中的JavaScript脚本会按照页面的加载顺序加载执行,事件也会在被触发后再执行

1.3 放在header和body的区别
1.3.1 加载顺序不同
      header中的在页面加载之前就会进行预加载,body中的会在按照页面从上到下的顺序进行加载,所以向获取DOM节点这种操作必须在目标节点对应的标签被加载后才可以进行,否则是获取不到的哟 

外部js文件的加载放在header中的script标签中

    动态创建内容的代码放在body中的script标签中

    函数放在header或者body中的script标签中没有区别

    像 alert() console.log() 这些如果放在header中的script标签中会在页面加载之前执行,如果放在body中的script标签中就会在按照页面的加载顺序进行加载.

链接:https://blog.
1