用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的方式提交，这个方法对我们的文件上传来说非常方便也非常重要。具体的用法已在以上代码块中写出。

前端页面如图：