$.ajax()例子

最新推荐文章于 2020-08-23 00:43:23 发布

转载最新推荐文章于 2020-08-23 00:43:23 发布 · 777 阅读

Web 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个使用AJAX进行语法检查的示例代码。该示例通过GET请求将编辑框内的代码发送到服务器进行检查，并根据返回结果更新前端显示。

下面是一个使用ajax的例子，具体功能是对“grammerValue”编辑框里的内容(一小段代码)发送到服务器，进行语法检查。

其中url是发送请求的地址。

else if( dataElementType.typeName === "grammar" ){
	var grammarValue = editAreaLoader.getValue("grammarValue");
			
	var valid = false;
	// validate
	$.ajax({
		type: 'GET',
		async: false,
		contentType: 'application/json',
		url: "${pageContext.request.contextPath}/admin/qry/testScript?script="+encodeURIComponent(grammarValue),
		dataType: "json",
		data:  JSON.stringify(values),
		success: function(data){
			valid = true; 
		},
		error: function(e){
			valid = false;
			$("#defineSystemFieldMsg").text("Syntax error! "+ e.statusText);
			$("#defineSystemFieldMsg").show();
		},
		complete: function(){
		}
	});		
			    
	if(!valid)
		return;
			
	var sysValue = new SystemDataElementValue(1,grammarValue);
	if(!grammarValue || "" === grammarValue ){
		$("#defineSystemFieldMsg").text("You must enter the grammar syntax");
		$("#defineSystemFieldMsg").show();
		return;
	}
	values.push(sysValue);
}