在响应来自ajax调用后,在主页面上重新定位内容

时间:2013-10-30 17:07:35

标签: php jquery html

在我的index.php上,我有以下html结构

<input type="text"  class="url" id="url" name="url" contenteditable="true"  style=" text-align: left; height: 30px; width:422px; " placeholder="Enter URL ..." onfocus='display();' /></input> //Text box
<div id = "myDiv"> // Div which holds response from ajax call
<input type="submit" class="button" onclick="GetSentiment()" id="GetSentiment" value="Get Sentiment" style="display:none;"/> //Button which call function to perform action

和ajax电话:

function GetSentiment()
        {
  .....
                xmlhttp.onreadystatechange=function()
                {
                    if (xmlhttp.readyState==4 && xmlhttp.status==200)
                    {                       document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
                    }
                }
                xmlhttp.open("POST","data.php",true); ...

data.php包含此类结果:http://jsfiddle.net/karimkhan/xftr5/

最初Button位于文本框的下方。

按钮点击并执行操作后,来自data.php文件的响应位于文本框的正下方。

因此按钮被隐藏了。相反,我希望它放在data.php的响应之下。即低于myDiv

0 个答案:

没有答案