1.直接用jquery中$.getJSON进行跨域提交
优点:有返回值,可直接跨域;
缺点:数据量小;
提交方式:
仅get (无$.postJSON)
$.getJSON("http://www.sendnet.cn/?callback=?" , { UserId: 1001 },
nction (data) {
alert(data.info);
;
$.ajax({
type: "Get",
url: "http://www.sendnet.cn/?UserId=1001",
cache: false,
error: function () { },
jsonp: "callback",
dataType: "jsonp",
success: function (result) {
alert(result.info);
}
});
2.在页面中嵌入一个iframe,把iframe的宽和高设置为0进行跨域提交
优点:可直接跨域;
缺点:无返回值(脱离ajax本质);
提交方式:get/post
使用隐藏的iframe来提交表单
1,在页面中嵌入一个iframe,把iframe的宽和高设置为0
2.在iframe的里面里设置一个from的表单,表单的内容就是真正要提交的表单内容。
3.当点击按钮的时候是iframe里的表单提交。
<form id="form2" name="form2" method="post" action="a,jsp" enctype="multipart/form-data">
<input name="option_13412" id="option_13412" type="text"/>
<input name="option_13413" id="option_13413" type="text"/>
<input name="option_13414" id="option_13414" type="text"/>
<input name="option_13415" id="option_13415" type="text"/>
</form>
使用jquery来啊操作iframe中的表单元素
$(window.frames["iframe1"].document).find("#option_13412").val(name);
$(window.frames["iframe1"].document).find("#option_13413").val(phone);
$(window.frames["iframe1"].document).find("#option_13415").val(content);
通过按钮来提交iframe里的表单
$(window.frames["iframe1"].document).find("#form2").submit();
分享到:
相关推荐
本文将深入探讨如何在ASP.NET中配置允许jQuery进行跨域提交请求数据的方法。 首先,了解CORS的工作原理。CORS通过在HTTP头信息中添加`Access-Control-Allow-*`字段来实现跨域访问。服务器需要明确允许哪些源可以...
总的来说,jQuery通过JSONP提供了一种简单易用的跨域解决方案,使得前端开发人员能够方便地从不同域名的服务器获取数据,丰富了Web应用的功能。然而,由于JSONP的本质是脚本注入,它可能会带来安全风险,如XSS攻击,...
JQuery AJAX 跨域提交参数、接收 JSON 数据 JQuery 的 AJAX 功能是实现异步数据交互的核心部分,对于跨域提交参数和接收 JSON 数据的需求,JQuery 提供了多种解决方案。 首先,JQuery 的 AJAX 功能可以使用 `$....
本篇文章将深入探讨JSONP的工作原理以及在jQuery下如何利用它来实现异步跨域提交表单。 ### JSONP简介 JSONP是一种解决跨域问题的技术,其核心思想是利用`<script>`标签不受同源策略限制的特性。当浏览器解析到`...
在使用jQuery处理表单提交时,异步提交和跨域提交是常见的需求,本篇文章将详细介绍如何利用jQuery实现这两种表单提交方式。 ### jQuery下异步提交表单 异步提交表单指的是在不刷新页面的情况下,通过JavaScript...
JSONP(JSON with Padding)是解决这一问题的传统方法之一,而jQuery的getJSON方法在实现跨域请求时,也会采用类似JSONP的方式。 首先,我们来看一下JSONP的基本概念。JSONP是一种利用`<script>`标签可以跨域请求...
在Web开发中,异步表单提交是一种常见需求,它能提供更好的用户体验,因为用户无需等待页面刷新即可完成数据的提交。...无论是在简单的数据提交还是复杂的文件上传场景,jQuery.form插件都能成为你的得力助手。
总结,使用jQuery的Ajax功能提交整个表单涉及的关键点包括:`serialize()`方法、`$.ajax()`或其简化版`$.post()`/`$.get()`、阻止表单默认提交、处理服务器响应以及跨域问题。理解这些概念和用法,能够帮助开发者在...
本文将深入探讨如何使用jQuery的ajax方法来提交表单,从而实现异步数据交换,提高用户体验。 首先,jQuery的$.ajax()函数是进行Ajax请求的核心,它允许我们与服务器进行异步数据通信。在“使用jQuery ajax提交表单...
使用JavaScript(通常配合jQuery库)可以创建AJAX请求来提交表单数据: ```javascript $.ajax({ type: 'POST', // 或者 'GET' url: 'your-php-script.php', // PHP处理脚本 data: $('#your-form').serialize(), ...
**jQuery 提交数据详解** jQuery 是一款非常流行的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画制作以及Ajax交互等任务。在Web开发中,数据的提交是必不可少的一部分,jQuery 提供了简单易用的方法来...
总结一下,jQuery Mobile结合Ajax可以帮助我们在移动应用中实现跨域数据交互,提供流畅的用户体验。关键在于正确配置jQuery的Ajax请求参数和服务器端的CORS策略。记住,虽然CORS允许跨域请求,但也要注意安全性,...
接下来,我们讨论使用jQuery的ajaxSubmit方法来实现表单跨域提交。首先,需要引入jQuery Form插件。当表单提交时,我们调用ajaxSubmit函数,该函数可以处理表单的序列化和AJAX请求。在配置参数中,可以指定请求方式...
2.ajax表单提交表单时可以使用一个jquery的一个表单插件jquery.form.js 使用语法如下: //fromPost为要收集数据的form表单的id $(#formPost).ajaxSubmit({ url:跨域的业务处理地址, cache:false, dataType:ht
【jQuery实现跨域异步上传文件总结】 在Web开发中,由于同源策略的限制,JavaScript通常无法在不同域之间进行通信。然而,通过使用jQuery和特定的技术手段,我们可以实现跨域异步上传文件。本文将对这一过程进行...
这篇文章介绍了如何使用JQuery和Servlet技术实现跨域请求,为读者提供了一个实用的示例。 首先,我们了解了同源策略。同源指的是两个URL的协议、端口和域名必须完全相同。如果两个URL不同源,则一个源的Web页面中的...
当我们在使用jQuery的Ajax技术进行跨域提交时,可能会遇到一个问题,即一个Ajax请求会触发两次服务端请求。这不仅会增加服务器的负载,还会造成不必要的网络开销和延迟。在移动端的跨域请求中,这种现象尤为常见。 ...