新建一个 html文件,定名为test.html, 用于实现ajax请求的发送。这里利用jquery的ajax请求,是以需要在该页面加载jquery.min.js库文件。
在test.html页面,建立一个form表单,在form表单内界说两个输入框,一个用户名输入框,另一个春秋输入框。
在form表单内,再界说一个按钮,并绑心猿意马onclick点击事务,当按钮被点击时,执行handle()函数,实现ajax请求。
在handle()函数内, 利用jquery中的val()方式获得用户名、春秋的输入内容。代码如下:
利用jquery的ajax()方式倡议请求,url为请求的地址,type为数据传输的体例,data为请求时携带的数据,success为请求当作功时执行的逻辑代码,这里设置当ajax请求当作功,利用alert()方式弹出请求后的成果。
在办事端新建一个php文件,定名为handle.php,在php文件内,利用$_POST来领受前端页面传输的数据(若是前端页面是get传输体例,则利用$_GET来领受数据)。这里把领受到的用户名和春秋返回给前端页面,代码如下:
在浏览器运行test.html页面,在输入框别离输入数据,点击“AJAX提交”按钮倡议ajax请求,在办事器端的handle.php文件经由过程$_POST或$_GET方式领受数据并返回成果。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!