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

时间:2014-07-21 07:17:54

标签: javascript php jquery html ajax

我希望连接showFnameshowMnameshowLname的所有值,并在showName上显示结果。

我的问题是在我的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);
            }
        });
    };
});

4 个答案:

答案 0 :(得分:0)

试试这个

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

答案 1 :(得分:0)

您必须获取设置标签的值 text() html()功能:

$(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);

});

<强>更新

您的setInterval定义存在问题,修正了该问题,并在showName.html()函数内写了showInfo()

答案 2 :(得分:0)

你想要做的是总结那些元素的.val()而不是元素。

首先你这样指定:

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

然后你这样添加:

 showName = showFname + showMname +showLname;  

答案 3 :(得分:0)

只需使用.text()附加文字。或者你也可以使用html()

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

AND重要用途......

function showInfo(){

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

//ur code ......
}

将变量置于函数内部。在您的代码中,当页面加载时,U将文本框值BLANK作为缓存在Document Ready事件上。因此,现在扫描用户输入的更新值。不要在decument ready事件中。