当前位置:首页 > Web开发 > 正文

https://github.com/huangguangda/Ajaxitm 什么是Ajax技术?实战中的运用aja

2024-03-31 Web开发

https://github.com/huangguangda/Ajaxitm

什么是Ajax技术?实战中的运用ajax技术,了解前后端交互的方法,了解移动真个模式,了解H5的新技术,了解CSS3的使用,和JQuery的使用。

Ajax技术可以提高用户体验,无刷新的与后台进行数据的交互,异步的操纵方法,可以不用刷新页面提高性能。

了解前后真个交互流程,主要分为三部分,客户端,处事端,数据库,环境搭建,wamp,phpMyAdmin。

wamp,window,Apache,mysql,php。

创建项目:

技术图片

创建一个名为AjaxItem的小项目

技术图片

接下来附上我的代码

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form> 用户名:<input type="text"> <input type="submit" value="注册"> </form> </body> </html>

运行起来的效果是如下截图

添加一个处事端跳转的页面reg.php,处事端要找到输入框的值

提交表单方法:GET,POST

指定当前页的编码

header("Content-type:text/html;charset=utf-8");

连接数据库mysql

$con = mysql_connect();

默认值:config.default.php

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="reg.php"> 用户名:<input type="text" name="username"> <input type="submit" value="注册"> </form> </body> </html>

2

get提交的特点:

post提交的特点:

上面截图可以看出传输数据的区别,我们一般对付数据的盘问,尽量给与get的方法,而我们要对数据的改削,添加或者是删除,我们可以用post对照好一点。

处事真个书写:

选择数据库:mysql_select_db();成立数据库,建表,键字段

指定数据库的编码格局

mysql_query("set names utf8");

获取传输数据

$_GET $_POST

创建数据库:

技术图片

创建表:

技术图片

技术图片

创建数据

技术图片

sql盘问:

select * from 表 where 字段 = 值 mysql_query mysql_num_rows

reg.php

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="reg.php" method="post"> 用户名:<input type="text" name="username"> <input type="submit" value="注册"> </form> </body> </html>

index.html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="reg.php" method="post"> 用户名:<input type="text" name="username"> <input type="submit" value="注册"> </form> </body> </html>

reg.php代码:

<?php // 界说编码格局 header("Content-type:text/html;charset=utf-8"); // 连接mysql $con = mysql_connect("localhost",'root','123456'); mysql_select_db('ajaxitem'); mysql_query('set names utf8'); $username = $_POST['username']; $sql = "select * from reg where username = '$username'"; $query = mysql_query($sql); // 如何区分盘问到还是没有盘问到呢? //mysql_num_rows($query); // 找到为1,没有找到为0 if($query && mysql_num_rows($query)){ echo "<script>alert('已经有人注册过了')</script>"; echo "<script>history.back()</script>"; }else { $sql = "insert into reg(username) values ('$username')"; $sql = mysql_query($sql); if($query){ echo "<script>alert('注册告成')</script>"; echo "<script>window.location = 'index.html'</script>"; } } ?>

技术图片

: 3

sql盘问:

select * from 表 where 字段 = 值 mysql_query mysql_num_rows sql添加 insert into 表(字段)values(值)

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32801.html