jquery下php与ajax的互传数据自我总结

研究了一整天的json数据与ajax的数据传输,现在进行一个小的自我总结,仅供参考

1.关于ajax的认识

$.ajax(),是jquery下包装好的一个函数。http://www.w3school.com.cn/jquery/ajax_ajax.asp

使用其跟php段进行通信。

<script type="text/javascript">
  //jquery直接进行ajax的包装调用
       $(function(){     
         
            $("#subbtn").click(                     
                    function(){
                       //单引号+value没有括号
                     var name=document.getElementById(‘name‘).value;                  
                        var email=document.getElementById(‘email‘).value;
                        var content=document.getElementById(‘content‘).value;                                                            
                        var params={"name":name,"email":email,"content":content};                             
                        var url="deal.php";
                        $.ajax({
                            type:"post",
                            url:url,
                            data:params,
                            dataType:"json",
                            success:function(json){
                                alert(json);
                                 var back="<ul>";
                                 for(var i=0;i<(json.length);i++)
                                 {
                                     for(var j=0;j<json[i].length;j++)
                                         back+="<li>"+json[i][j]+"</li>";
                                 }         
                                  back+="</ul>"
                                 $("#backdata").html(back);
                                 $("#backdata").css({color:"green"});
                            }
                        });
                    });
        }

);

</script>

PHP段代码:

$name=$_POST[‘name‘];
$email=$_POST[‘email‘];
$content=$_POST[‘content‘];
$id=time();
//echo json_encode($_POST);
$conn=mysqli_connect(‘localhost‘, ‘root‘,‘‘, ‘guestbook‘);
mysqli_query($conn,"SET NAMES ‘utf8‘");
$sql="insert into liuyan values(‘$id‘,‘$name‘,‘$content‘,‘$email‘)";
if(mysqli_query($conn, $sql))
{   
  $ar=array();
  $one=array();
  $tow=array();
  $one[0]="test1";
  $one[1]="test2";  
  $tow[0]="#1";
  $tow[1]="#2";  
  $ar[0]=$one;
  $ar[1]=$tow;
  echo json_encode($ar);//按照json格式进行返回
}else
{
 echo ‘DFDFDFDFDFD‘;
 
}
 mysqli_close($conn);

json的数据格式参考:http://baike.baidu.com/link?url=DexXfOk-Dt2rCSYz3oe8FhYXGAsHH5Jh_MUm3YopvoRT80-le_iXQoIMtdOj5jWU4FLRVPRLB6Xuca9xzezebq

?


1

2

3

4

5

6

7

8

9

10

11

12

13

varpeople={"programmers":[{"firstName":"Brett","lastName":"McLaughlin","email":"aaaa"},

{"firstName":"Jason","lastName":"Hunter","email":"bbbb"},

{"firstName":"Elliotte","lastName":"Harold","email":"cccc"}

],

"authors":[

{"firstName":"Isaac","lastName":"Asimov","genre":"sciencefiction"},

{"firstName":"Tad","lastName":"Williams","genre":"fantasy"},

{"firstName":"Frank","lastName":"Peretti","genre":"christianfiction"}

],

"musicians":[

{"firstName":"Eric","lastName":"Clapton","instrument":"guitar"},

{"firstName":"Sergei","lastName":"Rachmaninoff","instrument":"piano"}

]}

时间: 2024-10-04 21:55:28

jquery下php与ajax的互传数据自我总结的相关文章

jQuery插件AjaxFileUpload实现ajax文件上传时老是执行error方法 问题原因

今天在用jQuery插件AjaxFileUpload实现ajax文件上传时,遇到一个问题,如图: 老是执行error,无法执行succes方法,追踪ajaxfileupload.js源码发现: 当执行if(type=="json")    eval("data = "+data);会抛出异常,导致在处理异常的时候将status = "error" 因此一直执行error方法. 上网查询,得知eval函数是用来执行一段js代码,而并不是如我所想的反

Jquery AJAX 简单实现前台后台互传数据

AJAX是一个很强大的东西,之前写过一篇 AJAX Servlet异步交互 ,是放在请求的url上进行实现的,放在Url上长度有限,如果想保存很长的东西,例如博客这样的就不行了! 导包: 主要是json.jar这个包,其他的是ueditor的包! 前台代码:(这是部分主要的代码,省略了ueditor的代码) //引入easyui的一些插件 <link rel="stylesheet" type="text/css" href="jquery-easy

jQuery插件AjaxFileUpload实现ajax文件上传

jQuery插件AjaxFileUpload用来实现ajax文件上传,该插件使用非常简单,接下来写个demo演示怎么用AjaxFileUpload插件实现文件上传. 1.引入AjaxFileUpload插件相关的js <script type="text/javascript" src="<%=basePath%>resources/js/jquery-1.2.1.js"></script> <script type=&qu

KETTLE:mongdb与mysql互传数据

注:部分内容引用了 http://blog.sina.com.cn/s/blog_4ac9f56e0101g881.html 1.mongodb传数据到mysql 1)在kettle中,mongodb input组件. 2)编辑组件 输入连接信息 选择数据库 写查询语句 选择字段.上面的复选框选择是否输入json格式,这时不选. 点击get fileds,获取字段对应关系. $代表根目录 .代表子目录 []代表数组中的值,例如: {"data" :{ "museum"

PHP服务器文件管理器开发小结(十):使用jQuery和iframe实现AJAX文件上传

上一节讨论了文件下载,这一节继续讨论文件上传. 众所周知,前端上传文件比较简单的办法就是使用文件控件<input type="file"/>.然而,如果我们需要上传过程是AJAX的,亦即上传过程不刷新页面,仅反馈需要的信息,那就需要更加精巧的设计了. 首先是上传文件图片链接: <li><a href="#" title="upload" onClick="onUploadFile()">&l

springmvc和easyui使用ajax前台后台互传数据,假删除提示警告问题。

前台 //删除 多/单条数据 function del(cid){ var id=''; if(cid=='-1'){ if(getSelections().length > 0){ id=getSelections(); }else{ $.messager.alert("提示", "请选择要删除的行", "error"); return; } }else{ id=cid; } var arr =id.split(":"

jquery下php与ajax的数据交换方式

参考链接:http://www.php100.com/html/webkaifa/PHP/PHPyingyong/2013/0122/11971.html 一.前台传递字符串变量,后台返回字符串变量(非json格式) Javascript代码: 这里,为了解决Ajax数据传递出现的汉字乱码,在字符串传递之前,使用javascript函数escape()对汉字字符串进行了编码,并且对返回 的字符串使用unescape()函数进行解码,使得汉字得以正常显示.当然了,后台PHP代码也添加了头文件,以保

jQuery的ajax向PHP传数据并接受数据

例子 1 请求 b 网页,传送2个参数,忽略返回值: $.get("a/b", { name: "John", time: "2pm" } ); 例子 2 显示 b 返回值(HTML 或 XML,取决于返回值): $.get("a/b", function(data){   alert("Data Loaded: " + data); }); 例子 3 显示 b 返回值(HTML 或 XML,取决于返回值)

Docker跨主机容器互传数据问题及解决方法

目前我这里docker主要使用1.5版本,用途是给研发.运维做测试环境,给游戏与平台业务做生产应用,昨天接到某游戏研发反馈,2个不同宿主机进行数据同步的时候,出现以下错误 orrupted MAC on input. Disconnecting: Packet corrupt lost connection 经过谷歌搜索发现问题原因是 "Corrupted MAC on input" This situation happens when the packet is decrypted