导航:首页 > 编程语言 > jsp表单异步提交

jsp表单异步提交

发布时间:2021-03-04 04:43:17

⑴ jQuery异步提交表单的两种方式

本文为大家分享了两种jQuery异步提交表单的方式,具体内容如下
第一种方式:普通ajax方式提交
$(function(){
$('#send').click(function(){
$.ajax({
type:
"GET",
url:
GLOBAL_PATH
+
"/Enterprise/savecompanyphoto",
data:
{username:$("#username").val(),
content:$("#content").val()},
dataType:
"json",
success:
function(data){
$('#resText').empty();
//清空resText里面的所有内容
var
html
=
'';
$.each(data,
function(commentIndex,
comment){
html
+=
'<div
class="comment"><h6>'
+
comment['username']
+
':</h6><p
class="para"'
+
comment['content']
+
'</p></div>';
});
$('#resText').html(html);
}
});
});
});
第二种方式:普通ajaxSubmit方式提交表单
<script
src="jquery.form.js"
type="text/javascript"></script>
<script
src="dialog.js?lib=false"
type="text/javascript"></script>src="jquery.min.js"
type="text/javascript">
function
uploader_img(){
var
optionsSave={
type:
"POST",
url:
GLOBAL_PATH
+
"/Enterprise/savecompanyphoto",
data:$('#addImg').serialize(),
success:
function
(data)
{
if
(data.code
==
0)
{
AlertMini('alt1',
"上传图片成功!",
'success.gif',
2);
window.location.reload();
}
else
{
AlertMini('alt1',
"上传图片失败!",
'error.gif',
2);
}
},
error:
function
(data)
{
AlertMini('alt1',
"上传图片失败!",
'error.gif',
2);
}
}
$('#addImg').ajaxSubmit(optionsSave);
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

⑵ 提交表单后向异步加载页面该怎么办

大不了继续用jQuery啊,表单按钮不submit,给按钮加一个单击事件,去触发发送请求的方法么...
话说jquery好像有给内表单设置异步属性的容,但比上面的方法还复杂的多...网络表单 异步就有吧...

⑶ 设计一个JSP页面,利用AJAX异步提交表单数据进行验证。

需要校验的地方加一个触发事件,值改变或者焦点失去的失去都行。
然后利用AJAX处理。

⑷ JSP页面中什么叫叫异步请求

异步请求就是使用ajax,操作是启动一个新的线程去处理请求。

Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指版一种创建交互式权网页应用的网页开发技术。

Ajax = 异步 JavaScript 和 XML 或者是 HTML(标准通用标记语言的子集)。

Ajax 是一种用于创建快速动态网页的技术。

Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

(4)jsp表单异步提交扩展阅读

异步请求Ajax的特点

使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变的信息。

Ajax不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。就像DHTML应用程序那样,Ajax应用程序必须在众多不同的浏览器和平台上经过严格的测试。

随着Ajax的成熟,一些简化Ajax使用方法的程序库也相继问世。同样,也出现了另一种辅助程序设计的技术,为那些不支持JavaScript的用户提供替代功能。

⑸ jsp 异步提交form的内容

ajax技术,没有form一说的,要学习可以帮你。不过采纳了在说,给你发一份实例代码学。

⑹ java 如何实现异步提交

Ajax,利用jQuery的ajaxform
第一步:先增加一个表单
<form id="myForm" action="comment.php" method="post">
Name: <input type="text" name="name" />
Comment: <textarea name="comment"></textarea>
<input type="submit" value="Submit Comment" />
</form>
第二步:jquery.js和form.js文件的包含
<head>
<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/form.js"></script>
<script type="text/javascript">
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
alert("Thank you for your comment!");
});
});
</script>
</head>

⑺ 怎样用jquery的ajax异步提交表单数据

demo如下:

<!--jquery-1.8.3.js-->
<scripttype="text/javascript">
functionsubmitDatas(){
vartname=$("#tname").val();
vartpasw=$("#tpasw").val();
vartcode=$("#tcode").val();
$.ajax({
type:"post",
url:"backAction/getAllDatas",
data:{"tname":tname,"tpasw":tpasw,"tcode":tcode},//要提交的参数
async:true,
});
}
</script>
<inputtype="button"value="异步提交数据"onclick="submitDatas()">
<form>
用户专名:<inputtype="text"id="tname"><br>
密码:<inputtype="text"id="tpasw"><br>
验证码属:<inputtype="text"id="tcode"><br>
</form>

⑻ html5怎么原生js异步提交表单

ajax({
url: "", //请求地址
type: "POST", //请求方式
data: { name: "super", age: 20 }, //请求参数
dataType: "json",
success: function (response, xml) {
// 此处放成功后执行的代码
},
fail: function (status) {
// 此处放失败后执行的代码
}
});
function ajax(options) {
options = options || {};
options.type = (options.type || "GET").toUpperCase();
options.dataType = options.dataType || "json";
var params = formatParams(options.data);
if (window.XMLHttpRequest) {
var xhr = new XMLHttpRequest();
} else {
var xhr = new ActiveXObject('Microsoft.XMLHTTP');
}
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
var status = xhr.status;
if (status >= 200 && status < 300) {
options.success && options.success(xhr.responseText, xhr.responseXML);
} else {
options.fail && options.fail(status);
}
}
}
if (options.type == "GET") {
xhr.open("GET", options.url + "?" + params, true);
xhr.send(null);
} else if (options.type == "POST") {
xhr.open("POST", options.url, true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send(params);
}
}
function formatParams(data) {
var arr = [];
for (var name in data) {
arr.push(encodeURIComponent(name) + "=" + encodeURIComponent(data[name]));
}
arr.push(("v=" + Math.random()).replace("."));
return arr.join("&");
}

⑼ 如何实现form表单提交和ajax异步操作效果相似

//表单异步抄提交
$("#save-btn").on("click",function(){
$.ajax({
type:'post',
data:$('#表单ID').serialize(),
url:'请求地址',
cache:false,
dataType:'text',
success:function(data){
//回调逻辑代码
}
})
})

⑽ Jquery异步提交表单,然后获取提交后返回的结果。语言环境jsp,java,MVC。Action接收提交。

嗯,来试试这样做行不行。在自页面定义一个<iframe name='hidden_frame' id="hidden_frame" style='display: none'></iframe>,然后在控制器最后这样写:Response.Write("<script>parent.show_msg('" + showInfoStr + "')</script>");
表单里这样配置一下:enctype = "multipart/form-data", target = "hidden_frame"
show_msg这个是一个页面的脚本函数。
这样写了就不用jquery异步提交。
我是做.net的,在.net中这样是可以的。我想java也应该可以。就是那个表单设置属性那个,我不知道java中应该怎样写。

阅读全文

与jsp表单异步提交相关的资料

热点内容
怎么发布打包apk文件在哪 浏览:775
cydia源文件被删除 浏览:254
诺基亚520升级wp81失败 浏览:877
win10简体中文包 浏览:493
微软平板不能更新win10 浏览:147
华为怎么校准手机屏幕 浏览:565
打开问号图片文件夹 浏览:513
9158虚拟视频文件 浏览:617
win10连接iphone没反应 浏览:29
win10nas共享文件夹 浏览:145
win10使用游戏模式吗 浏览:226
设施管理大数据 浏览:368
最大数据传输速率 浏览:192
苹果笔记本mba410077b12 浏览:556
戮蛊的皮残片升级 浏览:657
电视无线错误代码20017 浏览:884
双系统能通用文件吗 浏览:167
为什么魅族最新版本不能储存图片 浏览:329
网络技术有限公司要去金融打证明吗 浏览:533
大数据编程是什么 浏览:488