用AJAX与后台进行交互

AJAX是什么

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。

下图为AJAX的工作原理

                               

传统的form表单提交会导致页面刷新，在我们现在这种情况下，不希望页面被刷新，这种时候我们都是使用Ajax的方式进行请求的：我们在这里使用AJAX来进行文件的批量上传，以下是文件上传代码

function upload() {

	$('#fileinput').ajaxSubmit({
		url: 'http://www.datanewsstudio.com/nlp_api/public/upload',
		xhrFields: {
			withCredentials: true
		},
		success: function(data) {
			if(data.length > 0) {
				var string = "下列文件的格式有误，我们没有处理：\n";
				for(var i = 0; i < data.length; i++) {
					string += data[I].name + ", ";
				}
				string = string.substr(0, string.length - 2);
				alert(string);
			}
			window.location.href = "Analyzing1.html";

		},
		error: function(request, status) {
			alert("TODO 发生错误：" + request.status);

		}

	});

}

在这里用了jquery.form.js这个库里面的ajaxSubmit()方法，直接将表单以AJAX的方式提交，这个方法对我们的文件上传来说非常方便也非常重要。具体的用法已在以上代码块中写出。

前端页面如图：