Question

我是ajax的新手。我想获得价值，并希望填写HTML代码段。我有html代码和有价值的json对象。现在我想在html代码的不同部分显示特定值。这是我的HTML代码： -

<div>
<div class="borb clearfix">
    <div class="profileholder fleft">
        <img src="images/users/1.png" class="userpic">
        <div class="icon state green"></div>
    </div>
    <div class="remainder">
        <div class="padl10">
            <div class="username">Anurag Shivpuri</div>
            <div class="desig">Cheif Information Officer</div>
            <div class="loc">Credit Operation  |  Pune</div>
        </div>
    </div>
</div>
<ul class="userdata">
    <li>
        <span class="lbl">Employee Code :</span>
        <span> 2007</span>
    </li>
    <li>
        <span class="lbl">Role_Designation :</span>
        <span> Senior HR</span>
    </li>
    <li>
        <span class="lbl">Department :</span>
        <span> HR</span>
    </li>
    <li>
        <span class="lbl">Sub_Department :</span>
        <span> Talent Acquisition</span>
    </li>
    <li>
        <span class="lbl">Official E-mail Id :</span>
        <span> atul.gupta@bajajfinserve.co.in</span>
    </li>
    <li>
        <span class="lbl">Mobile No :</span>
        <span> 9844333932</span>
    </li>
</ul>
<div class="footbar">
    <a href="#" class="btn">Reward</a>
    <a href="#" class="btn">Incentive</a>
    <a href="#" class="btn">Movement</a>
    <a href="#" class="btn">Leaves</a>
    <a href="#" class="btn">LnD</a>
</div>

ajax的成功我现在得到的价值我想在我的html代码中填写它。请帮帮我。

Answer 1

您可以使用库（如淘汰赛）来执行此操作，也可以使用jQuery创建元素：

$("<div>").append("some text").appendTo("body"); //creates a div, append some text and...

Answer 2

如果你的ajax中已经有成功事件，你可以获取一个空DOM元素并设置其内容。

document.getElementById('placeholder').innerHTML = jsonData.myProperty;

Answer 3

你应该在javascript中使用innerHTML。

在您需要更新的元素上设置一些ID：

<li>
    <span class="lbl">Employee Code :</span>
    <span id='employeeCode'> 2007</span>
</li>

然后用你的json值更新它：

document.getElementById('employeeCode').innerHTML= yourJsonObject.employeeCodeValue;

如何用json对象填充我的html？

3 个答案: