这里自己写一个关于ajax简单的异步吧

最新推荐文章于 2022-04-16 15:56:03 发布

return_leimon

最新推荐文章于 2022-04-16 15:56:03 发布

阅读量395

点赞数 1

分类专栏： ajax 文章标签： ajax 异步提交异步处理

本文链接：https://blog.csdn.net/qq_35452274/article/details/53116098

版权

ajax 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

其实ajax异步是很多人的头疼，但是也可以很容易，今天讲的一个例子就是ajax传值到后台处理然后return回来的值

也算是做一个笔记吧，免得以后自己也忘记了

首先是view.html 也就是视图页面

<pre style="background-color:#2b2b2b;color:#aeb5bd;font-family:'宋体';font-size:11.3pt;"><span style="color:#e8bf6a;"><body>
</span><span style="color:#e8bf6a;">
</span><span style="color:#e8bf6a;">    <form>
</span><span style="color:#e8bf6a;">            <input </span><span style="color:#bababa;">id=</span><span style="color:#4c84d9;">"nums" </span><span style="color:#bababa;">type=</span><span style="color:#4c84d9;">"text" </span><span style="color:#bababa;">name=</span><span style="color:#4c84d9;">"numbers" </span><span style="color:#bababa;">value=</span><span style="color:#4c84d9;">'1'</span><span style="color:#e8bf6a;">/>
</span><span style="color:#e8bf6a;">
</span><span style="color:#e8bf6a;">            <span </span><span style="color:#bababa;">id=</span><span style="color:#4c84d9;">"echos" </span><span style="color:#bababa;">class=</span><span style="color:#4c84d9;">"pic"</span><span style="color:#e8bf6a;">></span>100<span style="color:#e8bf6a;"></span>
</span><span style="color:#e8bf6a;">
</span><span style="color:#e8bf6a;">    </form>
</span><span style="color:#e8bf6a;">
</span>

//js代码

<!--js代码引入-->
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<!--js代码引入 end-->


<!--js代码编写-->
<script type="text/javascript">
    $(function(){
        $("#nums").mouseup(function(){      //当按下鼠标时候
            var num = $("#hh").val();

            $.post("admin.php",    //这里是用post传值到服务器 进行后台处理，也可以使用get传值
		    	{"text": num}, function(data){     
                     	var total = data.total;
                    	$("#pic").html(total);        //设置下面的值
                }, 'json')    //返回json格式
        })
    })
</script>
<!--js代码编写 end-->

</body>

</pre>接下来是服务器admin.php里面的代码<div style="top: 290px;"><pre name="code" class="html"><pre style="background-color: rgb(43, 43, 43); font-family: 宋体; font-size: 11.3pt;">

<?php
    $number = $_POST['text'];         //获取前端传过来的值

    

    	/*

	*这里里面就可以写你要做的事了 可以写传值到数据库，实现无刷新异步提交数据库

	*也可以写什么算法 ，实现局部刷新实现实时加减乘除计算等方面

	$Total = 你要传回去的值
	
   

     $json_data = array('total'=>$Total);       //为了方便json编译转换   详情自己PHP手册json见

     echo json_encode($json_data);          //将变量进行json编译   注意：  这里必须要写echo  不然就没有json数据传回去


?>