All geek questions in one place

JQuery ajax POST returns results to a blank page

Expected Behavior

01 - The form is published using jQuery.
02 - authorization is being processed.
03 - A MongoDB request is executed.
04 - Results should be returned instead of the form.

Actual behavior

Steps 1 to 3 are completed, but step 4 is not performed; correct results are returned, but on a blank page.

The form

<form name="login" id="login"> <p>username</p> <p>password</p> <input type="text" name="username" /> <input type="password" name="password" /> <button type="submit">login</button> </form>

JQuery

 <script> $(document).ready(function() { $('#login').submit(function(e) { e.preventDefault(); $.ajax({ type: 'POST', url: '/login', data: $(this).serialize(), dataType: 'json', success: function(results) { $("#content_area").html(""); $("#content_area").append(results.content); } }); }); }); </script>

Python

 @post('/login') def login(): """Authenticate users""" username = post_get('username') password = post_get('password') aaa.login(username, password, fail_redirect='/login') dbname = 'mydb' connection = pymongo.MongoClient(os.environ['OPENSHIFT_MONGODB_DB_URL']) db = connection[dbname] collection = db.myCollection href = 'my-title' query = {'title':href} projection = {'_id':0,'content':1} cursor = collection.find_one(query,projection) response.content_type = 'application/json' return dumps(cursor)
0
source share
3 answers

Decision:

The contents of the login form page (i.e., <form> rather than html <head> ) were loaded using getJSON ().

In short, I thought:

What if jQuery does not load properly as the content was loaded via getJSON ()?

So, I changed the jQuery script to use .on ie:

 <script> $(document).on("submit","#login", function (e) { e.preventDefault(); $.ajax({ type: 'POST', url: '/login', data: $(this).serialize(), dataType: 'json', success: function(results) { $("#content_area").html(""); $("#content_area").append(results.content); } }); }); </script>

And now it loads correctly in the specified div.

0
source

Replace this:

 response.content_type = 'application/json'

with this:

 response.set_header('Content-type', 'application/json')

(Just guess.)

+1
source

This problem occurs when calling document.write() during an ajax request.

0
source

Source: https://habr.com/ru/post/958282/

More articles:


All Articles