Json 前台与后台的交互和隐藏域id用于修改

Posted zkbfighting

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Json 前台与后台的交互和隐藏域id用于修改相关的知识,希望对你有一定的参考价值。

JSON知识点

JSON一般是配着xx.html和xx.ashx用的

1.根据用户输入ID,来在下方运用拼接字符串的形式展现出来

请输入ID值<input type="text" id="uid" /><input type="button" value="查询" id="Btn" />

<table id="result" style="display:none">
<thead>
<tr><td>ID</td>
</thead>
<tbody>
</tbody>
</table>
<script>
$(function(){
$("#Btn").click(function(){
var id=$("#uid").val();获取输入的值,记住是val()!!!!!!!
if(id=="")
{return;}

$.getJSON(
"GetJson.ashx",
{action:0,ID:id},
function(data){ ---ID这里的ID,name是model层里的字段,没有的话,在.ashx写个实体类
$("#result tobody").empty().append("<tr><td>"+data.ID+"</td><td>"+data.name+"</td><td>"+data.pwd+"</td></tr>");
$("#result").show();
});
})
})
</script>
--------------------------------------------------------------------------------------------------------------------------------------------
所有的脚本语言都要写在<script></script>
function name()
{
var now=new Date();
var year=now.getFullYear();
}定义一个函数,就差不多是定义一个方法

到时候直接调用函数名,
if(confirm(“确定要删除吗”))
一般在修改的时候,添加一个隐藏域 type=hidden ID="hidd" 在后台获取这个页面的ID,也就是传过去的id

第一步:
$(function(){
//第一小节就是做出各个变量的“规则”
$("#Btn").click(function(){})//click单击事件
$("#Btn").click(function(){
var name=$("#name").val();//获取各个变量的输入值
.......
var Pw=$("#pwd").val();
var error="";
if(name=="")
{error+=err+"用户名不能为空"}
if(error!="")
{
alert(error);
return;
}
})
////接下来写异步方式
$.ajax({type:"post",url:"zhuce.ashx",data="name=lisi&&pwd=123",success:function(data){
if(data=="1")
{
alert("注册成功");
window.location.href = "GetTime.htm";

}

else
{
alert(注册失败);
}
}

})

});
------------------------------------------------------------------------------------------------------
$.getJSON("",{},function(){} )
$.ajax({url:"",type:"",data="name=lisi&&pwd=123",success:function(){} })
后台就是根据前台传过来的要修改或者要注册的数据...data里的数据来进行操作
也可以在前台添加隐藏域 来获取前台的id

 


































































以上是关于Json 前台与后台的交互和隐藏域id用于修改的主要内容,如果未能解决你的问题,请参考以下文章

Javascript 中ajax实现前台向后台交互

ajax 异步请求,json前台后台交互

Ajax在springMVC中实现前后台交互(后台回集合,前台获取集合对象)

SSM框架中前台和后台数据交互详细流程(最新,最简易)

(十四)硅谷外卖-后台应用(上)

js前台与后台数据交互-前台调后台