一.node的http模块;二.同步和异步;三.异步操作的实现:ajax;四.jQuery中对ajax封装;五.Node的Web框架

目录

一.node的http模块

        1.http服务器的创建

                (1)客户端只向服务器请求数据,而不用向服务器传递参数 --- 默认用get方式

 2.客户端向服务器发送请求数据                

                (1)以get方式发送:请求会和url地址绑定在一起,一次性发送给服务器,

                (2)以post方式发送:先发送请求地址,再将请求参数和body绑定在一起发送给服务器。在浏览器的地址栏看不到请求参数

二.同步和异步

三.异步操作的实现:ajax

        1.同源策略:协议、域名、端口号都相同的就叫同源       

         2.跨域:

        (1)原因:因为JavaScript的同源策略,JavaScript只能访问自己域下的资源,不能访问其他域下的资源        

        (2)实现方式:

        3.Ajax:异步的JavaScript和Xml

        (1)ajax的核心对象:XMLHttpRequest对象。在IE5.0时提出,异步访问的对象

        (2)XMLHttpRequest对象的方法:

        (1)创建XMLHttpRequest对象:

        (2)调用open函数建立和服务器的连接

        (3)调用send函数发送请求

        (4)监听状态的变化,执行对应回调函数

四.jQuery中对ajax封装

        1.底层封装:

        2.高层的封装:

        (1)$.get(url,[data],[callback],[type])//发送的是get方式的请求

        (2)$.post(url,[data],[callback],[type])//发送的是post方式的请求

五.Node的Web框架

        1.web框架:是一个半成品,开发者只需要按要求传递数据,就可以生成一个web服务器       

         2.Express框架:是node开发web服务器的框架。小巧、灵活,可以帮助开发者快速的创建node web服务器。作用是:

        (1)允许用户创建中间件响应http请求        

        (2)用户可以自己创建路由表执行http的方法        

        (3)允许在服务器端动态渲染参数传递给html页面     

 3.前后端分离:       

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WebStorm 编写登录页面并实现交互,以及在密码格式不正确时弹出警示框,您可以按照以下步骤进行操作: 1. 创建一个 HTML 文件,命名为 `login.html`,并在文件编写基本的登录表单结构。 ```html <!DOCTYPE html> <html> <head> <title>Login Page</title> <script src="script.js"></script> </head> <body> <h2>Login</h2> <form id="loginForm"> <label for="username">Username:</label> <input type="text" id="username" required><br><br> <label for="password">Password:</label> <input type="password" id="password" required><br><br> <input type="submit" value="Login"> </form> </body> </html> ``` 2. 创建一个 JavaScript 文件,命名为 `script.js`,用于处理表单的交互和验证逻辑。 ```javascript document.getElementById('loginForm').addEventListener('submit', function(e) { e.preventDefault(); // 阻止表单默认提交行为 var username = document.getElementById('username').value; var password = document.getElementById('password').value; // 在此处添加密码格式验证逻辑 if (password.length < 6) { alert('密码长度不能少于6个字符!'); } else { // 登录逻辑,可以通过 AJAX 请求发送表单数据到后端进行验证等操作 alert('登录成功!'); // 可以在此处跳转到其他页面 } }); ``` 3. 在 WebStorm 打开 `login.html` 文件,右键点击文件选择 "Open in Browser",选择一个浏览器运行您的登录页面。 现在,您的登录页面已经可以实现交互,并且在密码格式不正确时会弹出警示框。当用户点击登录按钮时,JavaScript 代码会验证密码的长度,如果小于 6 个字符,则会弹出警示框提示密码格式不正确;如果密码长度符合要求,则会弹出登录成功的提示框。 请注意,上述示例只是一个简单的演示,实际项目可能需要更复杂的验证逻辑和后端交互。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值