Jquery ajax post doesn't send data to server end(Using PHP)

Question

HTML

<a id="1">Add to notebook</a>
<a id="2">Add to notebook</a>
<a id="3">Add to notebook</a>
<a id="4">Add to notebook</a>
...
<a id="40">Add to notebook</a>

JavaScript

<script>
$(document).ready(function(){
    //callback handler for post submit
    $("a").click(function(e)
    {
        var vocab_id = $(this).attr("id");
        var formURL = 'http://localhost/test/test.php';
        $.ajax(
        {
            url : formURL,
            type: "POST",
            data : vocab_id,
            dataType : "text",
        });
        e.preventDefault(); //STOP default action
        //e.unbind(); //unbind. to stop multiple form submit.
    });
});
</script>

I have a list of hyperlinks, it will send the currently clicked value of id to the server end by clicking the respective link.

But the problem is

Back-end doesn't receive any post data at all.
People said that I should uncomment the e.unbind() to stop multiple submit, but I got error after that line was uncommented. Error message is like this.

Uncaught TypeError: undefined is not a function 2:479(anonymous function) 2:479n.event.dispatch jquery-1.11.0.js:3r.handle

data part shoulbe either data :{ name : vocab_id } or data : "name="+vocab_id — Pranav C Balan
– Pranav C Balan, Commented Oct 18, 2014 at 16:43
What are you seeing in the php error log or in FireBug, or whatever your browser uses to display status? — Len_D
– Len_D, Commented Oct 18, 2014 at 16:44
@PranavCBalan thank you,that solved my first problem,but why the e.unbind went wrong — user7031
– user7031, Commented Oct 18, 2014 at 16:50
@Len_D Uncaught TypeError: undefined is not a function,this error message shown in my chrome console panel — user7031
– user7031, Commented Oct 18, 2014 at 16:50
use $( this ).unbind( e ); , it will unbind the object from current event handler — Pranav C Balan
– Pranav C Balan, Commented Oct 18, 2014 at 16:52

Pranav C Balan · Accepted Answer · 2014-10-18 16:58:42Z

1

The data part in jQuery.ajax() should be like either

data :{ name : vocab_id }

or

data : "name="+vocab_id

Syntax for unbind() is not correct use the following

$(this).unbind(e);

it will unbind the object from current event handler

answered Oct 18, 2014 at 16:58

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

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

Collectives™ on Stack Overflow

Jquery ajax post doesn't send data to server end(Using PHP)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related