Ajax Call using Jquery in HTML and take a response to other Html Page

Question

I am doing this for the first time. i want a data of another HTML page using AJAX call and jQuery in HTML page. Below is mycode

this is my .js code

<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);
                        } 
                })

        }

    })
})

this is my Html code

<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>

please help

there might be a typo in your jQuery code: daatType instead if dataType I guess — joH1
– joH1, Commented May 17, 2017 at 10:02
What is the value of the status variable? You could take data to next page using a url parameter. For eg if the next page is www.abc.com/def.html, Then you can do www.abc.com/def.html#This is data. In the new html page you can get this value using javascript : var x = location.hash; — Max08
– Max08, Commented May 17, 2017 at 10:07
Please clear whether your data is short or long ? If it is short and not sensitive you can pass in URL like this. window.location.href = site_url + 'status/' + data; do it in your success function. — Rahul Chauhan
– Rahul Chauhan, Commented May 17, 2017 at 10:11

vatz88 · Accepted Answer · 2017-05-17 21:00:03Z

2

Change dataType:"HTML" to dataType:"json"

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

whereas

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

edited May 17, 2017 at 21:00

vatz88

2,4522 gold badges17 silver badges27 bronze badges

answered May 17, 2017 at 10:04

XunYangJian

363 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ashish kumar singh Over a year ago

i did this change but it was not solving the issue

Collectives™ on Stack Overflow

Ajax Call using Jquery in HTML and take a response to other Html Page

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related