使用ajax将表单发布到php而不刷新

Question

I have this written up for send a few variables to a php script:

$(function() {

$('a[class="removeUnread"]').click(function(){

   var markedtopicid = $(this).attr("id");
   var sessionvar     = \'', $context['session_var'], '\';
   var sessionid = \'', $context['session_id'], '\';


   $.ajax({
      url: "index.php?action=quickmod;board=', $context['current_board'], '", 
      type: "POST",
      data: sessionvar + "=" + sessionid + "&topics[]=" + markedtopicid + "&qaction=markread",
    });

});

});

I think this is the correct way to send post data via ajax, but it doesn't appear to be sending. Was I right to wrap the code in the ready function?

Answer 1

I can tell you right off the bat you should not have a semicolon between quickmod and board in your URL. I'm answering here because i cannot post comments yet. One good tool to use in web development ESPECIALLY with GET and POST requests is googles PostMan app. Its free to use and what it does is it will show you the exact output of any link you send it. So you can try putting the link that you make via javascript into postman and see what errors it spits out.

In this example i'm pretty sure your URL is all kinds of screwed up though. Try this instead...

"index.php?action=quickmod&?board="+$context['current_board']

fyi, i did not test that link so it may not work. If it doesnt work, google some ajax examples and javascript string concatenation. You're string is not suitable for ajax.

Answer 2

is should be like this...

$.ajax({
                url :'index.php',
                type : 'POST',
                data : { sessionvar: sessionid, topics:markedtopicid}, 
                success : function (data) {

                        },
                error : function () {

                        }

Answer 3

Try handling the error:

$.ajax({
      url: "index.php?action=quickmod;board=', $context['current_board'], '", 
      type: "POST",
      data: sessionvar + "=" + sessionid + "&topics[]=" + markedtopicid + "&qaction=markread",
    error: function (xhr, ajaxOptions, thrownError) {                
         alert(xhr.responseText);
     }
});