对于PHP和JS初学者来说,有什么简单的实践项目?

这是我在悟空问答上的回答文章,希望对初学者有所帮助。

既然都是php和js的初学者,练习一个简单的实践项目是很有必要的。建议尝试做个登录窗口页面,花费时间不长,但却能对js与php之间的数据交互过程有个很清晰的认识。因为,客户端页面需要用js来进行交互处理,数据发送到服务器之后,php会对收到的数据进行处理然后再返回结果到客户端。

以下是简单的示例代码,初学者可以尝试一下。本实例使用了EasyuUI的对话框插件,并以ajax方式向php程序提交数据。

这部分非常简单,就是在头部引用了EasyUI的各种文件,然后在js中给登录窗口设置各种属性就行了:

运行效果如下:

这是最关键的部分,点击登录按钮后,要将输入的用户名和密码发到服务器进行验证。

示例代码如下:

以上代码为“登录”按钮设置了2个属性和1个单击事件,不仅单击可以将数据提交到login.php,而且还给按钮美化了一下。

请求成功后,如果php返回的值为0,表示验证未通过,就给出一个警告信息;如果不为0,表示验证通过,直接进入项目主页面。

客户端访问的login.php代码如下:

如果客户端发来的用户名和密码分别是admin和123456,表示验证通过,向客户端返回1;否则返回0。其实,这里一般都是进行数据库检索后再给出返回值的。

当客户端输入的用户名、密码不是admin和123456时,将给出错误提示。如下图:

这是一个简单的不能再简单的js+php的操作实例,在本人的《b/s项目开发实战》一书中还有完整讲解及示例源码。如对此实例有任何不明白之处,欢迎留言交流,并期待您的关注,谢谢。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180206A0MAAD00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券