use jquery post onsubmit function

Thanks, I tried using jQuery.post():

<script>
function Do () {
  $jQuery.post("/test6.php", {"arg1": "1", "arg2": "2"}, function(response) {
      alert('Got this from the server: ' + response);
    });
}
</script>
<form name="Form1" action="" method="post" onsubmit="return Do()">
<input type="submit" value="Send">
</form>

which unfortunately also did not work. How would the code for the immediate form of the wrapper look like?

Thanks,

Toby

Sorry, I hope this was not too confusing. The code I posted above has a small error the post function without the wrapper should not have the $ sign in the beginning but just jQuery.post(). I tried all three versions inside the Do() function and outside of it. They all worked outside but not inside of it.

Thanks,

Toby

Maybe I should use the click event of a button. This works in JSFiddle (http://jsfiddle.net/H6YZL/2/) with error “NOT FOUND” but not in my WordPress:

<script>
$(document).ready(function(){
  $(".sendButton").click(function(){
    $.post("/code.php", {"arg1": "1", "arg2": "2"}, function(response) {
      alert('Got this from the server: ' + response);
    }).done(function() {
      alert( "second success" );
    }).fail(function(xhr, textStatus, errorThrown) {
      alert( textStatus );
    });
  });
});
</script>
<button class="sendButton">Send</button>

However in the other code I at least got an empty error.

Thanks

I’m now trying to get this simple button click example to work. In another post (use jquery post onsubmit) I got the hint to put the code to file and enqueue jquery in my functions.php and add an action hook in functions.php. As it was enough for the other example to put the code to file and call it via script src parameter I did the same here:

My file is code.js:

jQuery("button").click(function(){
  alert("hello");
});

And my WP page looks like this:

<script type="text/javascript" src="/wp-content/themes/supernova-child/js/js-ex-click.js"></script>
<button>Send</button>

I also tried using the two wrappers (as described in jQuery NoConflict Wrappers) to use $(“button”) instead of jQuery(“button”). This unfortunately did not work.

So I tried adding:

wp_enqueue_script( 'jquery');

as well as:

function theme_name_scripts() {
	wp_enqueue_style( 'style-name', get_stylesheet_uri() );
	wp_enqueue_script( 'script-name', get_template_directory_uri() . '/code.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

to my functions.php of my theme. Unfortunately this did also not help.

Thanks for any help

closed 🙂