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
Post a Comment