`
xudongcsharp
  • 浏览: 474961 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery 跨域提交数据

 
阅读更多

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 跨域提交请求数据

    本文将深入探讨如何在ASP.NET中配置允许jQuery进行跨域提交请求数据的方法。 首先,了解CORS的工作原理。CORS通过在HTTP头信息中添加`Access-Control-Allow-*`字段来实现跨域访问。服务器需要明确允许哪些源可以...

    JQuery跨域访问解决方案

    总的来说,jQuery通过JSONP提供了一种简单易用的跨域解决方案,使得前端开发人员能够方便地从不同域名的服务器获取数据,丰富了Web应用的功能。然而,由于JSONP的本质是脚本注入,它可能会带来安全风险,如XSS攻击,...

    JQuery AJAX跨域提交参数、接收json数据.docx

    JQuery AJAX 跨域提交参数、接收 JSON 数据 JQuery 的 AJAX 功能是实现异步数据交互的核心部分,对于跨域提交参数和接收 JSON 数据的需求,JQuery 提供了多种解决方案。 首先,JQuery 的 AJAX 功能可以使用 `$....

    jquery下利用jsonp跨域访问实现方法

    本篇文章将深入探讨JSONP的工作原理以及在jQuery下如何利用它来实现异步跨域提交表单。 ### JSONP简介 JSONP是一种解决跨域问题的技术,其核心思想是利用`&lt;script&gt;`标签不受同源策略限制的特性。当浏览器解析到`...

    jquery下异步提交表单 异步跨域提交表单

    在使用jQuery处理表单提交时,异步提交和跨域提交是常见的需求,本篇文章将详细介绍如何利用jQuery实现这两种表单提交方式。 ### jQuery下异步提交表单 异步提交表单指的是在不刷新页面的情况下,通过JavaScript...

    php jq jquery getJSON跨域提交数据完整版

    JSONP(JSON with Padding)是解决这一问题的传统方法之一,而jQuery的getJSON方法在实现跨域请求时,也会采用类似JSONP的方式。 首先,我们来看一下JSONP的基本概念。JSONP是一种利用`&lt;script&gt;`标签可以跨域请求...

    使用jQuery.form插件,实现完美的表单异步提交

    在Web开发中,异步表单提交是一种常见需求,它能提供更好的用户体验,因为用户无需等待页面刷新即可完成数据的提交。...无论是在简单的数据提交还是复杂的文件上传场景,jQuery.form插件都能成为你的得力助手。

    JQuery Ajax提交整个表单

    总结,使用jQuery的Ajax功能提交整个表单涉及的关键点包括:`serialize()`方法、`$.ajax()`或其简化版`$.post()`/`$.get()`、阻止表单默认提交、处理服务器响应以及跨域问题。理解这些概念和用法,能够帮助开发者在...

    使用jQuery ajax提交表单代码

    本文将深入探讨如何使用jQuery的ajax方法来提交表单,从而实现异步数据交换,提高用户体验。 首先,jQuery的$.ajax()函数是进行Ajax请求的核心,它允许我们与服务器进行异步数据通信。在“使用jQuery ajax提交表单...

    PHP AJAX 实现跨域保存数据的问题(网页留言表单提交数据的问题).rar

    使用JavaScript(通常配合jQuery库)可以创建AJAX请求来提交表单数据: ```javascript $.ajax({ type: 'POST', // 或者 'GET' url: 'your-php-script.php', // PHP处理脚本 data: $('#your-form').serialize(), ...

    Jquery提交数据

    **jQuery 提交数据详解** jQuery 是一款非常流行的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画制作以及Ajax交互等任务。在Web开发中,数据的提交是必不可少的一部分,jQuery 提供了简单易用的方法来...

    juery mobile使用ajax跨域请求服务器的小实例

    总结一下,jQuery Mobile结合Ajax可以帮助我们在移动应用中实现跨域数据交互,提供流畅的用户体验。关键在于正确配置jQuery的Ajax请求参数和服务器端的CORS策略。记住,虽然CORS允许跨域请求,但也要注意安全性,...

    php实现跨域提交form表单的方法【2种方法】

    接下来,我们讨论使用jQuery的ajaxSubmit方法来实现表单跨域提交。首先,需要引入jQuery Form插件。当表单提交时,我们调用ajaxSubmit函数,该函数可以处理表单的序列化和AJAX请求。在配置参数中,可以指定请求方式...

    ajax跨域(基础域名相同)表单提交的方法

    2.ajax表单提交表单时可以使用一个jquery的一个表单插件jquery.form.js 使用语法如下: //fromPost为要收集数据的form表单的id $(#formPost).ajaxSubmit({ url:跨域的业务处理地址, cache:false, dataType:ht

    Jquery实现跨域异步上传文件总结

    【jQuery实现跨域异步上传文件总结】 在Web开发中,由于同源策略的限制,JavaScript通常无法在不同域之间进行通信。然而,通过使用jQuery和特定的技术手段,我们可以实现跨域异步上传文件。本文将对这一过程进行...

    利用JQuery和Servlet实现跨域提交请求示例分享

    这篇文章介绍了如何使用JQuery和Servlet技术实现跨域请求,为读者提供了一个实用的示例。 首先,我们了解了同源策略。同源指的是两个URL的协议、端口和域名必须完全相同。如果两个URL不同源,则一个源的Web页面中的...

    浅谈jquery中ajax跨域提交的时候会有2次请求的问题

    当我们在使用jQuery的Ajax技术进行跨域提交时,可能会遇到一个问题,即一个Ajax请求会触发两次服务端请求。这不仅会增加服务器的负载,还会造成不必要的网络开销和延迟。在移动端的跨域请求中,这种现象尤为常见。 ...

Global site tag (gtag.js) - Google Analytics