js小的小马克 - 爱码网

ajax前后端配合，马克一下，方便查询

jquery开头和取得相应id的值

1 $(document).ready(function(){
2 
3     $("#sj").click(function(){
4     var k=$("#pro").val();
5     var st=$("#pro").val();
6         alert(k);
7     });
8 
9     });

添加ajax和后台

 1             $.ajax({
 2                 url:"{:U('Index/pajax')}",
 3                 data:{
 4                     "sid":k,
 5                     "st":st
 6                 },
 7                 type:"post",
 8                 success:function(result){
 9                 $("#div1").html(result);
10 
11                 alert(result);
12             }
13             });

后台

1 public function pajax(){
2         if(IS_POST){
3 
4             show_bug($_POST,"后台数据");
5         }
6 }

贴上完整的代码，后端表两个一个是目录，一个是内容，用的开源的qw后台。

前台js，product是需要插入的内容

 1 <script>
 2     $(document).ready(function(){
 3 
 4     $("#sj").click(function(){
 5     var k=$("#pro").val();
 6     var st=$("#custom_con").val();
 7 
 8 
 9             $.ajax({
10                 url:"{:U('Index/pajax')}",
11                 data:{
12                     "sid":k,
13                     "st":st
14                 },
15                 type:"post",
16                 success:function(result){
17                     $("#products").empty();
18                     $("#page").empty();
19                 $("#products").html(result);
20 
21 //                alert(result);
22             }
23             });
24 
25 
26 
27     });
28 
29     });

前台js