通过jquery进行ajax的一些“异常”请求的页面自提交到其它页面

简介:

首先在A页面,进行$.ajax B页面

然后在B页面加载完毕后,将自己的数据提交到C

结果是,到了B页面,无法通过自身请求提交,也不会执行javascript

 

测试代码

页面A

 

复制代码
< body >
     < form  id ="form1"  runat ="server" >
     < div >
         < script  type ="text/javascript" >
            $(
function  () {
                $.ajax({
                    type: 
" POST " ,
                    url: 
" b.aspx "
                    data:
                    {
                        t: 
" game "
                    },
                    success: 
function  (html) {
                        alert(html);
                    }
                });
            });
        
</ script >
     </ div >
     </ form >
</ body >
复制代码

页面B

 

复制代码
< body  onload ="document.forms['order'].submit();" >
     < form  id ="order"  name ="order"  accept ="post"  action ="b.aspx" >
     < input  type ="text"  id ="t1"  name ="t1"  value =""   />
     < div >
         < script  type ="text/javascript" >
            alert(
" 到了b了 " );
            document.getElementById(
" t1 " ).value  =   " 3 " ;
            document.getElementById(
" form1 " ).submit();
            window.location.href 
=   " c.aspx " ;
        
</ script >
     </ div >
     </ form >
</ body >
复制代码

解决方案

在A页面,通过一个表单提交到B

 页面1

复制代码
< body >
     < form  id ="form1"  runat ="server" >
     < div >
         < input  type ="button"  name ="name"  value ="提交测试"   />
     </ div >
     </ form >
     < form  action ="WebForm2.aspx"  target ="_blank"  method ="post" >
     < input  type ="hidden"  name ="h1"  value ="1"   />
     < input  type ="submit"  name ="h2"  value ="提交测试"   />
     </ form >
</ body >
复制代码

 

 页面2

< body  onload ="document.forms['order'].submit();" >
     < form  id ="order"  accept ="post"  action ="WebForm3.aspx" >
     < div >
     </ div >
     </ form >
</ body >

 

页面3

< body >
     < form  id ="form1"  runat ="server" >
     < div >
    
     </ div >
     </ form >
</ body >

 



本文转自火地晋博客园博客,原文链接:http://www.cnblogs.com/yelaiju/archive/2012/04/07/2435842.html,如需转载请自行联系原作者

目录
相关文章
|
21天前
|
前端开发 JavaScript 数据处理
JQuery 拦截请求 | Ajax 请求拦截
【10月更文挑战第4天】
56 1
|
2月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
30 1
|
2月前
|
JSON JavaScript 前端开发
Jquery常用操作汇总,dom操作,ajax请求
本文汇总了jQuery的一些常用操作,包括DOM元素的选择、添加、移除,表单操作,以及如何使用jQuery发送Ajax请求,涵盖了GET、POST请求和文件上传等常见场景。
|
2月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
19 1
|
3月前
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
124 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
3月前
|
XML JSON 前端开发
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
AJAX是什么?原生语法格式?jQuery提供分装好的AJAX有什么区别?
31 0
|
3月前
|
JavaScript 前端开发
Ajax的使用(jquery的下载)
这篇文章是关于Ajax学习笔记的分享,包括JQuery的下载方式、Ajax的主要参数说明,以及如何在网页中使用Ajax进行异步请求的示例代码。
|
JavaScript 前端开发
|
6月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
30天前
|
JavaScript
jQuery 树型菜单插件(Treeview)
jQuery 树型菜单插件(Treeview)
53 2