【发布时间】：2017-02-07 12:26:16
【问题描述】：
我有一个带有两个选择下拉菜单的 gsp 页面。根据我选择的值并单击比较按钮，它会从数据库中检索值并进行操作。 （如比较）如果它们在同一个 gsp 页面中打印相同，则值相同。如果它们不相同，则该值必须与值并排显示在两个文本区域的索引 gsp 页面中。
this is my gsp page
<!DOCTYPE html>
<html>
<head>
<meta name="layout" content="main" />
<title>Json Compare</title>
<g:javascript plugin="jquery" library="jquery" src="jquery/jquery-1.7.2.js"/>
<script>
$(document).ready(function(){
$('.testMe').click(function(){
var URL="${createLink(controller:'jsonComparison',action:'compare')}";
alert(URL)
alert(firstText.value)
alert(secondText.value)
$.ajax({
url:URL,
data: {firstText:firstText.value,secondText:secondText.value},
success: function(data){
//console.log(resp);
$("#result").val(data).show()
}
});
});
});
</script>
</head>
<body>
<g:form>
<div></div><label>From Time</label><g:select name="firstText" from="${eventsList}" noSelection="['':'-Choose the From Date-']"/>
<label>To Time</label><g:select name="secondText" from="${eventsList}" noSelection="['':'-Choose the To Date-']"/></div>
<button class="testMe">Compare</button>
<br>
<textarea id="result" style="display: none"></textarea>
<%-- <textarea id="result1" style="display:none"></textarea> <textarea id ="result1" style="display:none"></textarea> --%>
</g:form>
</body>
</html>
这是我的控制器。根据在索引页面中选择的值并单击比较按钮，我正在调用一个调用控制器的 ajax 函数。在控制器中，我传递选定的值并从数据库中检查它们是否相同，并且根据响应我需要在 index.gsp 中显示消息
class JsonComparisonController {
def preparedStatementService
def index() {
//List eventsList = preparedStatementService.retrieveValuesFromDb()
def eventsList = ['2017-10-11 04.94.34', '2016-09-11 04.94.44', '2017-10-12 04.94.89']
render view: 'index', model: [eventsList: eventsList]
}
def compare() {
println "The Compare is called"
String firstParameter = params.firstText
String secondParameter = params.secondText
def returnValue
println "The first value is: " + firstParameter + "The second value is: " + secondParameter
if(firstParameter !=null && secondParameter !=null && firstParameter.length() > 0 && secondParameter.length() > 0){
println "Both the values are not null"
if(firstParameter.equals(secondParameter)){
println "First and second values are equal"
returnValue = "The Json are Equal and no MisMatch"
render status: 200, text: returnValue
}else{
println "The values are not equal"
String value1 = "The First Json values"
String value2 = "The Second Json Values"
render status: 200, model:[firstText:value1,secondText:value2]
}
}else{
render status: 200, text: "Please select the Time"
}
}
}
如何在 ajax 函数中接收来自控制器的响应。并将结果显示在 index.gsp 页面中
【问题讨论】：
标签： javascript jquery grails