簡體   English   中英

在ajax請求完成后,執行javascript警報

[英]After ajax request completed do a javascript alert

我有一個用jsf編寫的消息頁面,在此頁面中,我有一個表,其中包含作為命令鏈接的消息標題。 在這些命令鏈接中,我嵌套了ajax以請求我的bean從db中讀取消息內容並將其顯示在頁面上。 我通過在textearea中顯示消息內容來測試了此功能。 但是問題出在這里,我想在javascript警報中顯示內容。 因此,每當我單擊命令鏈接時,警報就會顯示消息的內容。 但是,如果我將javascript方法定義為commandlink onclick屬性,則它將在ajax請求之前運行,並且不會顯示任何內容! 我認為我們需要一個定義javascript方法的屬性,該方法將在ajax請求完成后運行。 但是那個屬性是什么? thanx提供任何有用的答案!

XMLHttpRequest的新手? 嘗試使用此代碼

<!DOCTYPE HTML>
<html>
<head><title></title></head>
<body>
<input type="button" id="foo" value="load url" /><br/>
<input type="text" id="url" /><br/>
<textarea id="responses"></textarea>

<script type="text/javascript">
document.querySelector("#foo").addEventListener("click",function(ev){
var xhr=new XMLHttpRequest();
var url=document.querySelector("#url").value;
xhr.open("GET",url);
xhr.addEventListener("readystatechange",function(ev){
var xhr=ev.target;
if(xhr.readyState<4)return;
document.querySelector("#responses").value+=xhr.responseText;
alert(xhr.responseText);

});
xhr.send();
});
</script>
</body></html>

XHTML

<h:commandLink id="button" value="button">
        <f:ajax render="@this" 
            onevent="openPopup"
            listener="#{myBean.getData}" />
</h:commandLink> 

Java腳本

function openPopup(data){
  if(data.status == "success"){
      // open popup with your message
  }
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM