php+jquery+ajax+json的一个最简单实例

function ajaxTest(){
    $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;
        }

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="/Js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#send").click(function(){
   var cont = $("input").serialize();
   $.ajax({
    url:"{:url(‘/index/index/ajaxTest‘)}",
    type:‘post‘,
    dataType:‘json‘,
    data:cont,
    success:function(data){
     var str = data.username + data.age + data.job;
     $("#result").html(str);
    }
   });
});
});
</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>

时间： 2024-12-15 13:04:42

php+jquery+ajax+json的一个最简单实例的相关文章

php+jquery+ajax+json简单小例子

直接贴代码: Php代码: <html> <title>php+jquery+ajax+json简单小例子</title> <?php header("Content-Type:text/html;charset=utf-8"); ?> <head> <script type="text/javascript" src="http://code.jquery.com/jquery.min.j

如何构建ASP.NET MVC4&JQuery&AJax&JSon示例

背景: 博客中将构建一个小示例,用于演示在ASP.NET MVC4项目中,如何使用JQuery Ajax. 直接查看JSon部分步骤: 1,添加控制器(HomeController)和动作方法(Index),并为Index动作方法添加视图(Index.cshtml),视图中HTML如下: 输入你的姓名: <input type="text" id="txtName"/><br/> 输入你的年龄: <input type="t

Spring 接收转换 jquery ajax json数组字符串

1.ajax发送json字符串 </pre><p>组建对象</p><p></p><pre code_snippet_id="449843" snippet_file_name="blog_20140813_2_7927326" name="code" class="javascript">var student = new Object(); studen

jquery下json数组的操作用法实例

jquery下json数组的操作用法实例: jquery中操作JSON数组的情况中遍历方法用的比较多,但用添加移除这些好像就不是太多了. 试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,下面是一些实例,仅供参考. 1.数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限

AJAX学习整理二之简单实例

做了几个简单的实例,加载txt文本内容.加载xml文件内容,把xml文本内容转换成html表格显示.废话不多说,直接贴代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/html"> <head> <title>通过ajax获取文本内容</title> <meta charset="utf-8"> <scr

C# 一个WCF简单实例

C# 一个WCF简单实例作者: 字体:[增加减小] 类型:转载时间:2012-10-27我要评论以订票为例简单应用wcf程序,需要的朋友可以参考下 WCF实例(带步骤) 复制代码代码如下: <xmlnamespace prefix ="o" ns ="urn:schemas-microsoft-com:office:office" /> 本篇转自百度文档,自己试过,确实可以用. 以订票为例简单应用wcf 新建一个wcf服务应用程序在IServi

Jsp&JavaScript &jQuery &Ajax&Json

jsp 用于页面的展示 javaScript 用于浏览器中的动态脚本语言,可以实现网页上的一些高级功能, 对页面进行渲染,实现一些逻辑 --数据验证处理, 页面动态效果,定时任务,跟用户交互,发送/接收服务端数据,,, JQuery 轻量级的js工具类,对js进行了封装,Query提供了一系列的Ajax函数,使得js和ajax使用更加方便 Ajax 一种基于js等的异步通讯技术,实现页面局部更新(客户端和服务器交换数据是局部的,而不是刷新整个页面),常用于前后台数据交互,提高了数据更新的速度,.

Jquery ajax json 不执行success的原因坑爹

最近在看jQuery的API文档,在使用到jQuery的ajax时,如果指定了dataType为json,老是不执行success回调,而是执行了error回调函数,极度郁闷.后面改为1.2.6版本可以执行. 然后继续下载了几个jquery版本,如1.3.2,1.4.0的,指定dataType为json都不能执行success回调,只有小于1.3版本的才能执行success回调. 最后去jquery的网站找到了在线的api文档看了下,地址:http://api.jquery.com/jQuery