ajax open方法和表单

open方法 xhr.open('get','1.txt',true)

参数

1打开方式

2地址

3是否异步

异步：非阻塞 （前面代码不会影响后面代码执行）

同步：阻塞（必须等前面代码执行完，才能执行后面代码）

表单：数据提交

action:数据提交的地址，默认是当前页面

method:数据提交的方式（get , post），默认get方式

1、get （在url中获取数据）

把数据名称和数据值用=连接，如果有多个的话，那么他会把多个数据组合用&进行链接，然后把数据放到url?后面传到指定页面

ajax3.html

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
   </head>
   <body>
       <form action="1.php">
           <input type="text" name="username" />
           <input type="text" name="age" />
           <input type="submit" value="提交" />
   </body>
</html>

1.php

<?php
//echo 1;
header('content-type:text/html;charset="utf-8"');
error_reporting(0);
$username = $_GET['username'];
$age = $_GET['age'];
echo "你的名字：{$username}，年龄：{$age}";
?>

2、post

ajax3.html

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
   </head>
   <body>
       <form action="1.php" method="post">
           <input type="text" name="username" />
           <input type="text" name="age" />
           <input type="submit" value="提交" />
   </body>
</html>

1.php

<?php
header('content-type:text/html;charset="utf-8"');
error_reporting(0);
$username = $_POST['username'];
$age = $_POST['age'];
echo "你的名字：{$username}，年龄：{$age}";
?>

enctype:提交的数据的格式，默认application/x-www-form-urlencoded

注意：

1、方式对应（前端用什么(post)方式提交，后端就用什么(post)方式接收，就像取快递，圆通快递只能到圆通取）

2、数据名称（name="username" 对应 $username = $_GET['username'];）

3、post是通过请求头把数据穿过来的

4、get 方式 url长度原因，我们不要通过get方式传递过多的数据

5、post 理论上无限制

总结：get，post

get方式站在用户角度讲不太安全，post是通过请求头传数据，对用户来说相对安全。各有利弊，选择最佳。

ajax open方法和表单相关推荐

织梦ajax表单提交参数错误,【织梦二次开发】织梦jquery+ajax方式提交自定义表单...
我们在dedecms教程中学到很多,比如可以借助jquery ajax提交dedecms自定义表单到后台.此例只做为参考,实际项目中根据自己的情况酌情修改. html部分: 姓名: 电话: 留言: j ...
ajax post form上传图片,ajax怎样提交form表单与实现文件上传
这次给大家带来ajax怎样提交form表单与实现文件上传,ajax提交form表单与实现文件上传的注意事项有哪些,下面就是实战案例,一起来看一下. 前几天,发现了一些小问题.我在写后台管理页面时,需要 ...
[Ajax] jQuery中的Ajax -- 04-异步提交表单
异步提交表单异步提交表单的步骤获取表单及所有表单组件对应的数据值. 将所有表单组件对应的数据值拼成特定格式的字符串或是JSON格式数据. 通过Ajax异步交互方式提交表单. <!DOCTYP ...
ajax请求之序列化表单serialize() serializeArray()
ajax请求之序列化表单serialize() serializeArray() 一,常规ajax请求提交表单中数据时候需要封装表单中参数到data中 var id = $("#ebid&q ...
不使用Ajax，如何实现表单提交不刷新页面
不使用Ajax,如何实现表单提交不刷新页面? 目前,我想到的是使用<iframe>,如果有其他的方式,后续再补. 举个栗子: 在表单上传文件的时候必须设置enctype="mul ...
jquery 通过submit()方法提交表单示例
jquery 通过submit()方法提交表单示例: 本示例:以用户注册作为例子.使用jquery中的submit()方法实现表单提交. 注:本示例仅提供了对表单的验证,本例只用选用了三个字段作为测 ...
js 用submit()方法提交表单，页面闪退问题以及解决方法
1.今天遇到一种情况,js使用submit方法提交表单,怎么都提交不过去,加断点倒跳过去了,主要实现的是这样的一个功能,点击一个按钮触发一个方法,在方法底下再提交表单过去,主要代码如下: <bu ...
Django之--POST方法处理表单请求
上一篇:Django之--MVC的Model 演示了如何使用GET方法处理表单请求,本文讲述直接在当前页面返回结果,并使用更常用的POST方法处理. 一.首先我们修改下page.html <!D ...
resetFields方法重置表单
<!--* @Descripttion: resetFields方法重置表单* @version: * @Author: zhangfan* @email: 2207044692@qq.com* ...

ajax open方法和表单

ajax open方法和表单相关推荐

最新文章

热门文章