calling php from ajax

Question

I'm trying someting very basic and it doesn't work : (Im getting the alert 'Test' and that's it :( )

<script name="text/javascript">
    function myFunction(part_id, product_id, type)
    {
        alert('test');
        $.ajax({
            type: 'post',
            url: '2.php',
            data: {lname: "www", name: "Natalie"},
            complete: function (txt) {
                alert("complete");
                alert(txt);
            }
        });
    }
</script>

on 2.php I have only one line (on the same directory):

    echo "test has been run";

Answer 1

use with success event.It will get php result.

See the different between success() & complete()

<script name="text/javascript">
    function myFunction(part_id, product_id, type)
    {
        alert('test');
        $.ajax({
            type: 'post',
            url: '2.php',
            data: {lname: "www", name: "Natalie"},
           complete: function (txt) {
               //do something
            },
            success: function (result) {
                alert("success");
                alert(result);//test has been run
            }
        });
    }
</script>

Answer 2

Ajax will return object data:

Object {readyState: 4, responseText: "test has been run", status: 200, statusText: "OK"}

You have to get response text from that object.

function myFunction(part_id, product_id, type)
{
    alert('test');
    $.ajax({
        type: 'post',
        url: '2.php',
        dataType:'text',
        data: {lname: "www", name: "Natalie"},
        complete: function (txt) {
        console.log(txt);
            alert("complete");
            alert(txt.responseText);
        }
    });
}