HTML第八次培训心得

HTML第八次培训心得。

这一次的培训主要学表单，和ajax。

同时也是为上节课天气功能做一个补全。

首先是js表单。

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

表单数据经常需要使用 JavaScript 来验证其正确性：

• 验证表单数据是否为空？
• 验证输入是否是一个正确的email地址？
• 验证日期是否输入正确？
• 验证表单输入内容是否为数字型？

表单是我们网页向后台传输数据的一种非常常见的方式，在进行数据发送之前

我们应该在页面进行一系列数据合法性的检验，节省不必要的错误数据传输。

首先是获取表单，获取表单元素，提交表单，表单校验。

获取表单主要有四种，但不知四种。（前两种比较常用）

、1.doucument。表单名称

通过表单的name属性值

2document，getelementbyid（表单id）

通过表单的id属性值获取对象。

2，document。form【表单名称】

通过指定下标来获取表单元素。

4、document。forms

获取HTML中所有的表单对象。

获取表单元素。提交表单。

使用普通按钮+onclick事件+事件中编写代码。

获取表单。submit。

还有最重要的ajkx

什么是AjAx？
异步的javascript和xml。

作用是什么？
通过AjAx与服务器进行数据交换，AjAx可以使用网页实现布局更新。

这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

怎么来实现Ajax？
XmlHttpRequest对象，使用这个对象可以异步向服务器发送请求，获取响应更新，完成局部更新。 Open send responseText/responseXML 局部响应。

原生js ajax请求有几个步鄹？分别是什么？

   a: 创建XMLHttpRequest();

        var ajax = new XMLHttpRequest();

   b: 规定请求的类型，URL以及是否异步处理请求；

       ajax.open('get', url, true)

   c: 发送信息至服务器时内容编码类型

       ajax.setRequestHeader("content-type", "application/x-www-from-urlencoded");

   d: 发送请求

       ajax.send(null)

  e: 接受服务取响应数据

    ajax.onreadyStatechange = function () {
      if (obj.readyState ==  404 && (obj.status == 200 || obj.status == 304)){
   }

}

3⃣️： json字符串抓换集json对象， json对象转换json字符串

   // 字符串转对象

 json.parse(json)    eval('(' + jsonstr + ')')