使用Jquery Ajax将数据传递给Php

Question

I want to pass two input data to PHP with JQuery ajax I read about json , serialize and similar but I couldn't quite get a grip around it. I got:

<p><input type="text" id="domain"></p>
<p><input type="text" id="domain1"></p>
<button id="order">Search</button>

<script type="text/javascript">
    function callAjax() {
        $.ajax({
            type:  "GET",
            cache: false,
            url:   'getip.php',
            data:  ???
    });
</script>

And also what do I need on PHP file because I only got this.

$name=($_GET['']);
$surname = 
echo($name) ;
endif;

Answer 1

function callAjax() {

    // Get values to send to server
    var domain = $('#domain').val();
    var domain1 = $('#domain1').val();

    $.ajax({
        type: "GET",
        cache: false,
        url: 'getip.php',
        data: {
            domain: domain,
            domain1: domain1
        }

And in php you'll get it as

$domain = $_GET['domain'];
$domain1 = $_GET['domain1'];

Docs: http://api.jquery.com/jQuery.ajax/

Answer 2

$.ajax({ 
    type: "GET", 
    cache: false, 
    url: 'getip.php', 
    data = { 
        'domain': $('#domain').val(),
        'domain1': $('#domain1').val()
        };
)};

And in you php file php you can get data with :

$domain = $_GET['domain'];
$domain1 = $_GET['domain1'];

Answer 3

Try this:-

<p><input type="text" id="domain" name = "domain"></p>
<p><input type="text" id="domain1" name ="domain1"></p>
<button id="order">Search</button>
function callAjax() {

$.ajax({
    type: "GET",
    cache: false,
    url: 'getip.php',
    data:{domain: $('#domain').val(),domain1: $('#domain1').val()}
});

In your php file get it like this:-

$domain = $_GET['domain'];
$domain1 = $_GET['domain1'];

Note:- Please try to read jquery a bit. It will help you.