客户端请求新页面和提交数据的四种方式
来源:互联网 发布:曾经最火的网络歌曲 编辑:程序博客网 时间:2024/05/19 00:10
客户端请求新页面和提交数据的四种方式
超链接超链接+jssubmit按钮提交表单使用js提交表单打开新页面的方式
使用相对路径和绝对路径
使用url携带参数
提交数据的方式为get方式
window.location
window.open();
先验证再提交表单。
使用hidden提交数据(非用户填写数据)
使用button+js
使用<a>+js
一般为post提交方式
1、超链接:
打开新页面:<a target="_blank">;
使用url携带参数: <a href="page2.jsp?uid=admin&pass=123">
注意:多个参数之间使用&连接,使用?表示携带参数;
2、超链接+js:
使用window.location
<script type="text/javascript">
function fun(){
window.location="page2.jsp";
}
</script>
a链接的写法:<a href="javascript:fun();">链接到page2</a> href连接中调用fun函数。
使用window.open()
<script type="text/javascript">
function fun(){
window.open("page2.jsp");--表示在新窗口打开链接。
}
</script>
a链接中:<a href="javascript:fun();">链接到page2</a>
3、使用submit按钮提交数据表单:注意action和method两个属性 表示的含义
对于用户输入数据:a、需要有用户输入框即<input type="text" name="username"/>在此输入框中输入数据。
b、有时需要先验证,再提交数据:
例:<input type="text" name="uid" id="uid"/>
function fun4(){
var uid=document.getElementById("uid").value;--获取input输入框的vaule值
if(uid==""){
alert("请输入用户名");
return false;---表示不提交数据
}else{
return true;--提交数据
}
submit提交按钮<input type="submit" value="提交表单" onclick="return fun4();">
对于非用户输入数据:不需要input输入框
使用hidden提交数据:
<!-- 使用hidden提交数据 -->
<form action="page2.jsp" method="post">
<input type="hidden" name="uid" id="uid2" value="admin">
<input type="submit" value="提交表单" ><br/>
<script type="text/javascript">
document.getElementById("uid2").value="admin2";--两种参数值
</script>
</form>
4、使用js提交表单:
使用button+js提交:
button不具备提交功能:
<!-- 使用button和js提交表单 -->
<form action="page2.jsp" method="post" id="form1">
<input type="text" name="uid">
<input type="button" value="提交表单" onclick='document.getElementById("form1").submit();'>---获取的是form标签对象
</form>
使用<a>+js提交表单
<!-- 使用<a>和js提交表单 -->
<form action="page2.jsp" method="post" id="form2">
<input type="text" name="uid">
<a href='javascript:document.getElementById("form2").submit();'>提交表单</a><br/>
</form>
- 客户端请求新页面和提交数据的四种方式
- 客户端请求新页面的14种方法
- js判断是否安装了客户端(针对IE,IE6除外)以及表单提交方式打开新页面
- HttpUrlConnection两种请求数据的方式get和post提交数据
- 各种打开新页面的方式总结
- HTTP Post 常见的四种提交数据的方式
- 四种常见的 POST 提交数据方式
- 四种常见的 POST 提交数据方式
- [转]四种常见的 POST 提交数据方式
- 四种常见的 POST 提交数据方式
- 四种常见的 POST 提交数据方式
- 四种常见的 POST 提交数据方式
- application/json 四种常见的 POST 提交数据方式
- 四种常见的 POST 提交数据方式
- 四种常见的 POST 提交数据方式
- 四种常见的 POST 提交数据方式
- 四种常见的 POST 提交数据方式
- HTTP 1.0 四种常见的 POST 提交数据方式
- 日历控件
- Cocos2d-x3.3之DrawPrimitivesTest分析
- sscanf函数用法
- DAWN PROJECT 边角料 2: 常见图片格式文件头标识符
- 第七周撞错体验
- 客户端请求新页面和提交数据的四种方式
- 判断出栈顺序
- UI 视图编程入门
- 第7周 项目3-2 简单分支问题体验
- 基数排序的C语言实现
- ZOJ 3805 Machine
- sdut 3-6 静态数据成员与静态成员函数
- wamp 虚拟目录的设置
- Mac OS使用技巧之八:Dock栏使用技巧