900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html表单获取后台数据 使用form表单提交请求如何获取后台返回的数据?

html表单获取后台数据 使用form表单提交请求如何获取后台返回的数据?

时间:2023-02-18 16:05:36

相关推荐

html表单获取后台数据 使用form表单提交请求如何获取后台返回的数据?

问题描述

一般的form表单提交是单向的:只能给服务器发送数据,但是无法获取服务器返回的数据,也就是无法读取HTTP应答包。

想要真正的半双工通讯一般需要使用Ajax, 但是Ajax对文件传输也很麻烦。

解决方法

方法一:

jQuery封装了一个form表单提交有回调功能的方法

导入

jquery

jquery-form.js

如下: 一个上传文件的form

js实现

// $(function ())是文档document加载完自动调用的函数

$(function () {

/*

获取form元素,调用其ajaxForm(...)方法

内部的function(data)的data就是后台返回的数据

*/

$("#form1").ajaxForm(function (data) {

console.log(data);

console.log("str:" + JSON.stringify(data));

}

);

});

请求的url在form的action中定义,获取到的后台数据是JSON格式$(function ())不套在外面,里面的这个请求函数没法自启动后台代码无差异

方法二:

使用ajax来发送请求提交表单

前端页面:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。