jquery实现ajax(后台获取到电话号码并返回给前端)

最新推荐文章于 2021-03-15 16:06:33 发布

Laomoon2

最新推荐文章于 2021-03-15 16:06:33 发布

阅读量1.5k

点赞数

分类专栏：前端基础文章标签： ajax jquery

本文链接：https://blog.csdn.net/Laomoon2/article/details/79014544

版权

本文演示如何通过jQuery的AJAX功能与后台PHP进行数据交互。后台代码中，AJAX请求发送数据到ajax.php，该文件处理请求并返回字符串msg。成功时，AJAX调用success回调，错误时调用error回调。

摘要由CSDN通过智能技术生成

后台代码（文件名 ajax.php）

<?php
echo $_POST['mobile'];
?>

前端代码（文件名 ajax.html）

<input type='text' name='mobile' id='mobile'/>
<input type='button' id='btn' value='发送号码给后端'/>

为按钮绑定ajax事件，当没有输入号码或其他内容时，弹出警告窗口，提示‘手机号不能为空’，jquery代码如下，（文件名：ajax.html）

<script type="text/javascript">
	$(document).ready(function(){
		 $('#btn').on('click',function(){
	   	if($('#mobile').val() == '')
	   		alert('请输入手机号');
	   	else
	   	{
		   $.ajax({
			   url: 'ajax.php',
			   type: 'post',
			   data: {