Ajax后端数据无法返回到前端，success一点反应都没，症结不是浏览器跨域问题，而是忽略了标签的基础属性问题

本文介绍: 在确认所有的ajax 逻辑以及后端的书写逻辑没有问题之后，前端依然无法收到信息，有可能是Chr o m e 浏览器跨域问题导致的

个人遇到的情况，在文章最前面做小总结：本次的问题是因为a 标签的href问题导致的ajax 请求的数据从后端返回到前端无法被接收到，以下是前端代码：

&lt;body&gt;


&lt;div&gt;Ajax联动数据库验证登录练习
    <p&gt;账号：<input type="text" id="d4"&gt;</p&gt;
    <p&gt;密码：<input type="password" id="d5"&gt;</p>
    <a href="" class="btn btn-primary" id="d6">Ajax提交</a>#}
</div>
<script>
    $('#d6').click(function (){
        var name = $('#d4').val()
        var password = $('#d5').val()
        $.ajax({
            url:'/login/',
            type:'post',
            contentType:'application/JSON',
            dataType: 'JSON',
            data:JSON.stringify({'name':name, 'password':password}),
            
            success: function (data) {
                console.log(data.msg)
                alert(data.msg)
            },
            error: function(data) {
                alert('错误信息:'+data)
            },

        })

    })
</script>

</body>

进入页面后，输入账号密码点击提交，不论对错，前端都和木头一样，没任何反应，但是多测试十几二十次又会有一两次能够正常返回数据。

在确认所有的ajax逻辑以及后端的书写逻辑没有问题之后，前端依然无法收到信息，情况有可能是：

1. Chr o m e 浏览器跨域问题导致的；

2.代码有问题；

关于1的解决方案：

open -n /Applications/Google Chrome.app/ --args --disable-web-security  --user-data-dir=/Users/你的用户名xxx/Documents/MyChromeDevUserData

$.ajax({
            url:'/login/',
            type:'post',
            contentType:'application/JSON',
            dataType: 'JSON',
            data:JSON.stringify({'name':name, 'password':password}),
            async:false,
            success: function (data) {
                console.log(data.msg)
                alert(data.msg)
            },
            error: function(data) {
                alert('错误信息:'+data)
            },

        })

<body>


<div>Ajax联动数据库验证登录练习
    <p>账号：<input type="text" id="d4"></p>
    <p>密码：<input type="password" id="d5"></p>
    <button type="button" data-href-template="" class="btn btn-primary" id="d6">提交</button>
</div>
<script>
    $('#d6').click(function (){
        var name = $('#d4').val()
        var password = $('#d5').val()
        $.ajax({
            url:'/login/',
            type:'post',
            contentType:'application/JSON',
            dataType: 'JSON',
            data:JSON.stringify({'name':name, 'password':password}),
            success: function (data) {
                console.log(data.msg)
                alert(data.msg)
            },
            error: function(data) {
                alert('错误信息:'+data)
            },

        })

    })
</script>

</body>