php jq ajax json post实例

零分笔记3862023-01-31 01:28

前台HTML页面

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#send").click(function(){
var cont = $("input").serialize();
$.ajax({
url:'ab.php',
type:'post',
dataType:'json',
data:cont,
success:function(data){
var str = data.username + data.age + data.job;
$("#result").html(str);
},
error:function(mgs) {

//失败时

        }

}); }); });
</script>
</head>
<body>
<div id="result">一会看显示结果</div>
<form id="my" action="" method="post">
<p><span>姓名：</span><input type="text" name="username" /></p>
<p><span>年龄：</span><input type="text" name="age" /></p>
<p><span>工作：</span><input type="text" name="job" /></p>
</form>
<button id="send">提交</button>
</body>
</html>

php接收页

<?php
header("Content-type:text/html;charset=utf-8");
$username = $_POST['username'];
$age = $_POST['age'];
$job = $_POST['job'];
$json_arr = array("username"=>$username,"age"=>$age,"job"=>$job);
$json_obj = json_encode($json_arr);
echo $json_obj;
?>

标签：ajax post，jq ajax，php ajax

END

WordPress页面模板创建页面开头空格html代码换行时出现空隙间隔3px解决方案

jQuery解析AJAX返回的html数据

JQ解析AJAX返回的html数据，在写WordPress模板需要无限加载，用AJAX获取下一页html，直接返回数据，find标签时，解析出来的数据包含了find标签，无法进行正常排列！当然，有2中方式解决！1、直接find列表子标签。2、给返回html加一个标签jQuery.ajax({url: "//localhost/topCrashCommands?productId=AutoCAD 2014",type: "G...笔记1年前

wordpress 分类页获取分类名称及该分类信息并显示文章数量

有一个这样的需求，要在分类页显示该分类下的所有文章数量，网上的写法大致都是用循环去叠加该分类下子分类的文章数量。但是，其实最简单的写法是自己调用内置函数获取文章数量，包括在首页显示全站的所有文章数量。$wp_query->found_posts为了验证这个函数，我特意建立了一个空白的主题，在每个页面上都打印出 $wp_query ...笔记1个月前

CSS中的变量VAR()函数，CSS中var()的使用

var() 函数用于插入 CSS 变量的值。CSS 变量可以访问 DOM，这意味着您可以创建具有局部或全局范围的变量，使用 JavaScript 来修改变量，以及基于媒体查询来修改变量。使用 CSS 变量的一种好方法涉及设计的颜色。您可以将它们放在变量中，而不必一遍又一遍地复制和粘贴相同的颜色。var() 函数的语法var(name, value)name：必...笔记1个月前

零分杂记

php jq ajax json post实例

文章分类

微信公众号

近期文章

php jq ajax json post实例

文章分类

标签云

微信公众号

近期文章