如何将PHP传递的值连接到AJAX？

Question

I want to concatenate all the values of showFname , showMname , showLname and show the result on showName .

My problem is the concatenated names won't show in my showName .

HTML

<input type="text" id="showFname" name="showFname" />
<input type="text" id="showMname" name="showMname" />
<input type="text" id="showLname" name="showLname" /> 
<label id="showName"></label>

JavaScript/jQuery:

$(document).ready(function(){
    var $emailCodeResult = $('#emailCodeResult');
    var showFname = $('#showFname');
    var showMname = $('#showMname');
    var showLname = $('#showLname');
    var showName = $('#showName');

    var countTimerShowInfo = setInterval(function(){
        showInfo(); 
        showName = showFname + showMname +showLname;  
    }, 500);

    function showInfo(){
        $.ajax({
            url:"files/view/profileInfo.php",
            type:"GET",
            data: { term : $('#emailCodeResult').val() },
            dataType:"JSON",
            success: function(result) {
                $("#showFname").val(result.per_fname);
                $("#showMname").val(result.per_mname);
                $("#showLname").val(result.per_lname);
            }
        });
    };
});

Answer 1

尝试这个

$('#showName').text(concatenatedNames)

Answer 2

you have to get and set the value of the labels with the text() or html() function:

$(document).ready(function(){

var  $emailCodeResult = $('#emailCodeResult');
var showFname = $('#showFname').val();
var showMname = $('#showMname').val();
var showLname = $('#showLname').val();
var showName = $('#showName');

function showInfo(){
        $.ajax({
        url:"files/view/profileInfo.php",
        type:"GET",
        data: { term : $('#emailCodeResult').val() },
        dataType:"JSON",
        success: function(result) {

        $("#showFname").val(result.per_fname);
        $("#showMname").val(result.per_mname);
        $("#showLname").val(result.per_lname);
        showName.html(showFname + showMname +showLname); 
        }

    });

};

setInterval( showInfo(), 500);

});

UPDATE:

there was a problem with your setInterval definition, fixed that, and also wrote the showName.html() inside the showInfo() function.

Answer 3

What you want to do is sum up the .val() of those elements and not the elements.

first you assign like this:

var showFname = $('#showFname').val();
var showMname = $('#showMname').val();
var showLname = $('#showLname').val();
var showName = $('#showName').val();

then you add these up like this:

 showName = showFname + showMname +showLname;  

Answer 4

Just use .text() to append text.Or simply u can use html() also.

$("#showname").text(showFname + showMname + showLname );

AND Important use....

function showInfo(){

var showFname = $('#showFname').val();
var showMname = $('#showMname').val();
var showLname = $('#showLname').val();

//ur code ......
}

Take variables inside function . In ur code , U get textbox value BLANK as its cached on Document Ready event as the page loads . So now scan updated values entered by user.Not on decument ready event.