Question

我是第一次这样做。我想要在HTML页面中使用AJAX调用和jQuery的另一个HTML页面的数据。以下是我的代码

这是我的.js代码

<script type="text/javascript">
$(document).ready(function()
{
    $('#submit').click(function(){
        var name =$('#name').val();
        var pass =$('#passsword').val();
        if(name=='' || pass==''){
            alert('first fill the details');
        }
        else {
            $.ajax({
                    method:'POST',
                    url:"login.html",
                    data:{name:name,
                    password:pass},
                    daatType:"HTML",
                    success:function(status) {
                            alert('success');
                            $('#div').html(status);
                        } 
                })

        }

    })
})

这是我的Html代码

<form>
   <label>Name:</label><input type="text" id="name"><br>
   <label>Password:</label><input type="text" id="password"><br>
   <button type="submit" id="submit" >Submit</button>
</form>
<h2 id="div"></h2>

请帮助

Answer 1

将dataType:"HTML"更改为dataType:"json"

dataType:'json' // its mean server return type data

，而

contentType:'json' // send data type to server should be json

Ajax使用HTML中的Jquery进行调用并对其他Html页面进行响应

1 个答案: