javascript - ajax.responseText 到段落

问题描述

我有一个搜索表单，当有人输入薪水（在我的情况下是唯一的）时，它会从数据库中返回相应的值。我正在使用 ajax 来做到这一点，我已经设法检索输入字段中的值。我的输入文本上有一个 onchange 事件，它调用“UpdateCityState”

我想显示段落内的值而不是输入字段。

<p id='employee_name'></p>
<p id='employee_age'></p>
<p id='safe_code'></p>

<script>
var ajax = getHTTPObject();

function getHTTPObject()
{
var xmlhttp;
if (window.XMLHttpRequest) {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
} else if (window.ActiveXObject) {
    // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
} else {
    //alert("Your browser does not support XMLHTTP!");
}
return xmlhttp;
}

function updateCityState()
{
    if (ajax)
    {
        var employee_salary = document.getElementById("employee_salary").value;

        if(employee_salary)
        {

            var param = "?employee_salary=" + employee_salary;
            var url = "test04.php";

            ajax.open("GET", url + param, true);
            ajax.onreadystatechange = handleAjax;
            ajax.send(null);

        }
    }
}
function handleAjax()                                                                                                                           
{
    if (ajax.readyState == 4)
    {
        var employee_name = document.getElementById('employee_name');
        var employee_age = document.getElementById('employee_age');
        var safe_code = document.getElementById('safe_code');
        if(!!ajax.responseText) {
            var result = JSON.parse(ajax.responseText);
            if(!!result){
                employee_name.value  = (!!result.employee_name) ? result.employee_name : '';
                employee_age.value = (!!result.employee_age) ? result.employee_age : '';
                safe_code.value = (!!result.safe_code) ? result.safe_code : '';
            } 
        }
    }
}

我尝试用employee_name.text 替换employee_name.value 但没有运气

标签： javascriptajax

javascript - ajax.responseText 到段落

问题描述

解决方案

推荐阅读