javascript - AJAX: Can't get my ajax $.post request to work -


have peace of simple code posts array php script. problem no data sent server side. problem?

js code

// ajax call sending song wish var wishname = $('#wish-name').val(); var wishemail = $('#wish-email').val(); var wishsong = $('.wish-input input').val(); var postdata = {name: wishname, email: wishemail, song: wishsong};  function postsongsuccess(data) {     if(data == 1) {         console.log(data);     }     else if(data == 0) {         console.log(data);     } }  $('#send-song').click( function() {    $.post("./wp-content/plugins/wish-song/wishsong.php", postdata, postsongsuccess);    alert(wishname);    console.log(postdata); }); 

html code

<div class="wish-input-half">     <label>ditt för- och efternamn</label>     <input id="wish-name" type="text"> </div> <div class="wish-input-half">     <label>din e-postadress</label>     <input id="wish-email" type="text"> </div> <div class="clearfix"></div> <div class="wish-input">     <label>skriv artist och låttitel</label>     <input id="wish-song" type="text"> </div> <div class="wish-input-submit">     <input id="send-song" type="submit"> </div> 

looks var wishname = $('#wish-name').val(); executed when page loaded, not when value changed/provided user.

you have read values when users wants send data, not beforehand.

function postsongsuccess(data) {     if(data == 1) {         console.log(data);     }     else if(data == 0) {         console.log(data);     } }  $('#send-song').click( function() {    $.post("./wp-content/plugins/wish-song/wishsong.php", {         name: $('#wish-name').val(),        // ...    }, postsongsuccess); }); 

Comments

Popular posts from this blog

php - Why I am getting the Error "Commands out of sync; you can't run this command now" -

linux - Does gcc have any options to add version info in ELF binary file? -

java - Are there any classes that implement javax.persistence.Parameter<T>? -