通过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,如需转载请自行联系原作者

目录
相关文章
|
2月前
|
XML 前端开发 JavaScript
|
7天前
|
JSON 前端开发 JavaScript
Python中如何判断是否为AJAX请求
AJAX请求是Web开发中常见的异步数据交互方式,允许不重新加载页面即与服务器通信。在Python的Django和Flask框架中,判断AJAX请求可通过检查请求头中的`X-Requested-With`字段实现。Django提供`request.is_ajax()`方法,Flask则需手动检查该头部。本文详解这两种框架的实现方法,并附带代码示例,涵盖安全性、兼容性、调试及前端配合等内容,帮助开发者提升Web应用性能与用户体验。
28 0
|
3月前
|
JSON JavaScript 前端开发
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
73 22
|
3月前
|
前端开发 JavaScript
回顾前端页面发送ajax请求方式
回顾前端页面发送ajax请求方式
43 18
|
3月前
|
前端开发 JavaScript Java
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
95 4
|
3月前
|
前端开发 JavaScript 数据处理
JQuery 拦截请求 | Ajax 请求拦截
【10月更文挑战第4天】
142 1
|
4月前
|
前端开发
React技术栈-react使用的Ajax请求库实战案例
这篇文章介绍了在React应用中使用Axios和Fetch库进行Ajax请求的实战案例,展示了如何通过这些库发送GET和POST请求,并处理响应和错误。
65 10
|
4月前
|
前端开发
React技术栈-react使用的Ajax请求库用户搜索案例
这篇文章展示了一个React技术栈中使用Ajax请求库(如axios)进行用户搜索的实战案例,包括React组件的结构、状态管理以及如何通过Ajax请求获取并展示GitHub用户数据。
37 7
React技术栈-react使用的Ajax请求库用户搜索案例
|
4月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
44 1
|
4月前
|
JSON JavaScript 前端开发
Jquery常用操作汇总,dom操作,ajax请求
本文汇总了jQuery的一些常用操作,包括DOM元素的选择、添加、移除,表单操作,以及如何使用jQuery发送Ajax请求,涵盖了GET、POST请求和文件上传等常见场景。