Adding to database using ajax

Question

I have an undordered list

Aditya
Sam

which contains the names of people from a table. Now I am adding another name to the database using ajax .The names get inserted properly in the database, but I have to refresh the page to see the changes(which is certainly not wanted).

This part confuses me.

1)If I return a response to javascript which gives the "Name" and I add a list element "Name" to the dom.Then on page refresh, that element is not found on the page.

2)If i do not return a response and just add to database , then i have to refresh the page to see the changes.

I am using plain javascript based ajax call , not using jquery etc.

How to fix this issue?

when you return a response with the name, are you still adding it to the database first? — dqhendricks
– dqhendricks, Commented Jan 15, 2011 at 19:25
lets see the php that handles the database entry and response. — dqhendricks
– dqhendricks, Commented Jan 15, 2011 at 19:26
but in method two, when you refresh, the item shows up? this is bizzar. please edit your code and show us the php that updates the database and returns the response to ajax. — dqhendricks
– dqhendricks, Commented Jan 15, 2011 at 19:37
@dqhendricks. This is what confuses me .I have two functions one which pulls all the names from the database and is used to display names on the page. Another which updates the database.Now once I update the database , the first fuction should pull up the record and dsiplay on the page. Do i still need to send a response ? — Aditya Shukla
– Aditya Shukla, Commented Jan 15, 2011 at 20:04

Community · Accepted Answer · 2017-05-23 12:18:41Z

2

I am using plain javascript based ajax call , not using jquery etc.

You should learn to use xmlhttprequest if you want to do it without jquery(or any other kind of framework). You should also learn to append text/html to an element. Basically you will need to learn javascript the old fashion way, but keep in mind only to use the "good parts of javascript".

But in my opinion you should use jquery instead(have not heard compelling reason why you are not using it) because that will make javascript development a lot easier. You can achieve this easily by using:

use http://api.jquery.com/jQuery.post/ to add item to the database.
next add item to unordered list using jquery.

edited May 23, 2017 at 12:18

CommunityBot

11 silver badge

answered Jan 15, 2011 at 19:28

Alfred

62k33 gold badges151 silver badges186 bronze badges

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

Collectives™ on Stack Overflow

Adding to database using ajax

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related