jquery ajax

来源：互联网发布：java项目架构设计编辑：程序博客网时间：2024/04/28 11:10

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
   <title>Document</title>
   <script src="./jquery-1.8.2.min.js"></script>
</head>
<body>
   <input type="text" name="username" id="username">
   <input type="button" value="">
   <div id="te">
   <ul></ul>
   </div>
   <script>
var c= 'alert("hello")';
console.log();
   var url = 'tem.php?'+Math.random();
       $("input[type=button]").click(function(){
           var ul=$("#te>ul");

           var a={
               color:'red',
               shape:'yuan'
           }
           var data='[{"title":"格式组合中胃","public":"2011"},{"title":"格式组合中胃","public":"2012"},{"title":"格式组合中胃","public":"2013"}]';;
           console.log(a.shape);

           $.ajax({
               url:url,
               type:'get',

               success:function(data){

                   var res = eval(data);
                   $.each(res,function(key,value){
                       console.log( key + ": " + value.title );
                       ul.append('<li>1</li>')
                   })
               }

           })

       })
   </script>
</body>

</html>\

0 0