请从Grails的GSP页面Ajax调用 [英] Make ajax call from gsp page in grails
本文介绍了请从Grails的GSP页面Ajax调用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我是新来的AJAX。我想从我的GSP页面请求发送到控制器动作。但我失败了。他并没有叫控制器动作和页面重新加载。任何人都可以请看看这个和帮助。这是我的看法页面娄>>>
＆LT;％@页面的contentType =text / html的;字符集= UTF-8％＆GT;
＆LT; HTML＆GT;
＆LT; HEAD＆GT;
＆LT;冠军＆GT;阿贾克斯第一例＆LT; /标题＆GT;
＆LT; G：JavaScript的插件=jQuery的库=jQuery的SRC =的jQuery / jQuery的-1.7.2.js/＆GT;
＆LT;脚本＆GT;
传播callAjax（）{
$阿贾克斯（{
网址：returnMe
类型：后，
数据类型：JSON，
//数据：{IDS：JSON.stringify（IDLIST），选项：选项，ID：ID}
成功：函数（）{
警报（1）
}
}）;
}
＆LT; / SCRIPT＆GT;
＆LT; /头＆GT;
＆LT;身体GT;
＆LT;表格名称=myForm的'＆GT;
＆LT;输入类型=提交值=调用Ajax的功能的onclick =callAjax（）＆GT;
＆LT; /形式GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
这是我的控制器操作>>>
高清returnMe = {
弦乐味精=sdfsdf
味精呈现为JSON
}
解决方案
您可以试试这个：
的onclick =callAjax（）返回false;＆GT;
或者这一个：
函数callAjax（五）{//＆LT; -------传递事件
即preventDefault（）; //＆LT; -----将它添加到prevent的默认行为
$阿贾克斯（{
.....
}）;
}
您完整的Ajax调用的要求：
函数callAjax（）{
$阿贾克斯（{
网址：returnMe
类型：后，
数据类型：JSON，
//数据：{IDS：JSON.stringify（IDLIST），选项：选项，ID：ID}
成功：功能（数据）{
的console.log（数据）; //＆LT; -----这会将数据在浏览器的控制台
}，
错误：函数（XHR）{
警报（xhr.responseText）; //＆LT; ----当没有数据提醒错误信息
}
}）;
}
I am new to ajax. I am trying to send a request from my gsp page to controller action. But I am failing. It is not calling controller action and the page is reloading. Can anyone please look at this and help. Here is my view page bellow >>>
<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
<title>Ajax First Example</title>
<g:javascript plugin="jquery" library="jquery" src="jquery/jquery-1.7.2.js"/>
<script>
function callAjax(){
$.ajax({
url: "returnMe",
type:"post",
dataType: 'json',
// data:{ids:JSON.stringify(idList), option:option, id:id}
success: function() {
alert(1)
}
});
}
</script>
</head>
<body>
<form name='myForm'>
<input type="submit" value="Call Ajax Function" onclick="callAjax()">
</form>
</body>
</html>
here is my controller action >>>
def returnMe = {
String msg = 'sdfsdf'
render msg as JSON
}
解决方案
You can try this :
onclick="callAjax() return false;">
or this one:
function callAjax(e){ //<-------pass the event
e.preventDefault(); // <-----add this to prevent the default behavior
$.ajax({
.....
});
}
Your complete ajax call as requested:
function callAjax(){
$.ajax({
url: "returnMe",
type:"post",
dataType: 'json',
// data:{ids:JSON.stringify(idList), option:option, id:id}
success: function(data) {
console.log(data); //<-----this logs the data in browser's console
},
error: function(xhr){
alert(xhr.responseText); //<----when no data alert the err msg
}
});
}
这篇关于请从Grails的GSP页面Ajax调用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
