如何在速度模板语言中调用 ajax 调用
How to call ajax call in velocity template language?
我正在使用速度模板语言和javascript在联系我们页面上工作。
要求是a) 客户从两个下拉菜单(位置和商店名称)中选择值,然后单击提交按钮
b) 此过程使用 AJAX 调用(无需重新加载页面)处理,并在同一页面的下拉菜单下方显示地址
我已经开发了表单的UI界面(在contact.vtl上)。单击事件时,我可以调用 AJAX 调用,在该控件转移到 contact-detail.vtl 之后,我无法继续前进?
如何发送回对contact.vtl的响应?
function ajaxCall(){
function getXMLRequestObject() {
if(window.XMLHttpRequest) {
return new XMLHttpRequest();
} else if(window.ActiveXObject) {
return new ActiveXObject("Microsoft.XMLHTTP");
} else {
alert("Your Browser does not support AJAX!! .Upgrade to latest version");
}
}
var url="/application/vtl/widgets/contact-us/contact-detail.vtl?loc=XYZ&shop=ABC";
var userContactReq = getXMLRequestObject();
if ( userContactReq.readyState === 1 || userContactReq.readyState === 2 || userContactReq.readyState === 3 ) {
userContactReq.abort();
}
userContactReq = getXMLRequestObject();
if ( userContactReq.readyState === 4 || userContactReq.readyState === 0 ) {
userContactReq.open("GET",url,true);
userContactReq.onreadystatechange = setReqSuccess;
userContactReq.send(null);
}
function setReqSuccess() {
if(userContactReq.readyState === 4){alert("Ready State is 4");}
if(userContactReq.status === 200){alert("Status is 200");}
if(userContactReq.readyState === 4 && userContactReq.status === 200) {
## How to recieve response here
var responseString = userContactReq.responseText;
console.log("end");
alert(responseString);
}
}
}
这真的与速度无关。 这是一个JavaScript问题,无论您使用什么模板或标记,答案都是相同的。我认为您需要(通过javascript)使用您在服务器的AJAX响应中获得的地址重写dom(设置div的innerHTML)以将其显示给您的用户。
相关文章:
- 如何使jQuery插件函数可调用以供独立使用,而不在集合上操作
- D3在一个调用中绘制不同的SVG形状,没有可见性
- 如何从Java/scala调用js美化程序
- 如何调用这个匿名 JavaScript 函数
- 如何从模块链中调用函数.导出到节点中
- 我需要从php调用javascript或jquery
- Chrome开发工具(如何知道我在调用哪个javascript对象)
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- Twitter Bootstrap typeahead:使用“this”获取上下文/调用元素
- 与 RTL 语言一起使用时字符串替换函数调用的顺序
- 从 Web 抓取数据并同时执行 api 调用的编程语言
- 如何在没有 ajax 调用或服务器端语言的情况下包含 HTML/文本文件
- 某些语言的SignalR客户端调用失败
- 使用服务器端语言(如Javascript)调用JSONP
- JavaScript语言扩展的函数调用没有括号——它们可能吗?
- 用DART语言调用Jquery函数
- 如何保护从其他语言(javascript)调用的java中的方法签名
- 调用 if 语句还是不断重新分配值更好?(JavaScript或任何语言)
- 如何在速度模板语言中调用 ajax 调用