使用jQuery执行PHP脚本onclick

Question

Hello I'm struggling to get this to work:

I'm trying to get jQuery to execute a PHP Script for me, at the moment it looks pretty much like this:

html

<button id="element">Click me!</button>

php

$string = "Hello Earth!";
echo $string;

jQuery

$('#element').click(function() {
    $.load('.../script.php', function(e){
        console.log(e);
    });
});

Answer 1

.load() must be called on an element, like this:

$('#element').click(function() {
   $('#element').load('.../script.php', function(e){
        console.log(e);
    });
});

Answer 2

The load() method loads data from a server and puts the returned data into the selected element . from http://www.w3schools.com/jquery/jquery_ajax_load.asp

Correct sintax:

$( "#result" ).load( "ajax/test.html" );

And you have to correct your code, you have .../script.php instead of ../script.php

Answer 3

<button id="element">Click me!</button>

<?php $string = "Hello Earth!"; echo $string; ?>

$('#element').live('click',function() {
 $.ajax({
    method:'POST',
    success:fuction(data){
          'your coe here';
    }
 })
});