这是我在悟空问答上的回答文章,希望对初学者有所帮助。
既然都是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项目开发实战》一书中还有完整讲解及示例源码。如对此实例有任何不明白之处,欢迎留言交流,并期待您的关注,谢谢。
领取专属 10元无门槛券
私享最新 技术干货