Jquery 局部刷新及 表单取值赋值 处理返回json数据
2009-10-18 02:30
811 查看
/*获得TEXT.AREATEXT的值*/
var textval = $("#text_id").attr("value"
);
//或者
var textval = $("#text_id"
).val();
/*获取单选按钮的值*/
var valradio = $("input[@type=radio][@checked]"
).val();
/*获取一组名为(items)的radio被选中项的值*/
var item = $('input[@name=items][@checked]'
).val();
/*获取复选框的值*/
var checkboxval = $("#checkbox_id").attr("value"
)；
/*获取下拉列表的值*/
var selectval = $('#select_id'
).val();
//文本框，文本区域：
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//
填充内容
//多选框checkbox：
$("#chk_id").attr("checked",'');//使其未勾选
$("#chk_id").attr("checked",true);//勾选
if($("#chk_id").attr('checked')==true) //
判断是否已经选中
//单选组radio：
$(
"input[@type=radio]").attr("checked",'2');//
设置value=2的项目为当前选中项
//下拉框select：
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option
$("#select_id").empty()；//清空下拉框
获取一组名为(items)的radio被选中项的值
var item
= $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]"
).text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1
;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true
;
//重置表单
$("form"
).each(function(){
.reset();
});
添加一般处理程序：ajaxAllMsg.ashx
<%@ WebHandler Language="C#" Class="ajaxAllMsg" %>
using
System;
using
System.Web;
using
System.Text;
public class
ajaxAllMsg : IHttpHandler {
public void
ProcessRequest (HttpContext context)
{
context.Response.ContentType = "text/xml"
;
//
返回值
//string temp = "/r/n{/"conversion/":{/r/n/"decimal/":12}}";
///
/DataSet ds = new DataSet("AccountList");
////ds = GetList("Account", "AccountId", "Loginname,Name", 50, 1, false, false, "1=1");
//
context.Response.ContentType = "text/xml";
//
context.Response.Charset = "GB2312";
//
context.Response.Clear();
//context.Response.Write("<?xml version=/"1.0/" encoding=/"gbk/"?>/n " + ds.GetXml());
StringBuilder sb
= new
StringBuilder();
sb.Append("<?xml version=/"1.0/" encoding=/"utf-8/"?>"
);
sb.Append("<Account><loginname>中国人</loginname><name2>sdfert5</name2>"
);
sb.Append("</Account>"
);
context.Response.Write(sb.ToString());
//context.Response.End();
}
public bool
IsReusable {
get
{
return false
;
}
}
}
调用页：DeJQuery.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DeJQuery.aspx.cs" Inherits="DeJQuery" %>
<!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" >
<head id="Head1" runat="server">
<title>Ajax 留言板</title>
<script type="text/javascript" src="js/jquery-1.2.6.js">
</script>
<script type="text/javascript">
$(document).ready(function()
{
GetAllMsg();
});
function GetAllMsg(){
$("#AllMsg").html(" <img src='images/loading.gif'/>"
);
$.ajax({
type:'POST'
,
url:"ajaxAllMsg.ashx?act=getAll"
,
dataType:'xml', //默认["xml"/"html"] 返回数据类型:["xml" / "html" / "script" / "json" / "jsonp"]
data:""
,
success:function(result)
{
// alert(result);
$(result).find('Account'
).each(function() {
var loginname = $(this).find("loginname"
).text();
var name3 = $(this).find("name2"
).text();
//
$("#AllMsg").append("<li>" + loginname + " - " + name + "</li>");
//
alert(name3);
// alert(loginname);
$("#AllMsg").html("<li>" + $(this).find("loginname").text() + " - " + $(this).find("name2").text() + "</li>"
);
});
////解析服务器端传来的数据
//
for(key in result) $("#childsort").append("<option value="+result[key]+">"+result[key]+" </option>");
//
var array=eval(data);
//
$.each(array,function(i,r){
//
var row=$("#row").clone();
//
row.find("#col1").text(r.tid);
//
row.find("#col2").text(r.state);
//
row.find("#col3").text(r.project);
//
row.appendTo("#testtable");
//
objString = $(this).text(objString.substring(0,num) + "
");
//
if(msg == 0){
//
$("#value_user").html("<img src='html/check_ok.gif'>");
//
return 1;
//
}else{
//
$("#value_user").html("Sorry，该账号已经被注册,请换其他账号！");
//
return 0;
//
}
//
$("#AllMsg").append("<li>id:"+json.EmployeeId+"|Name:"+json.EmployeeName+"|年龄:"+json.EmployeeInfo[0]+"|身高:"+json.EmployeeInfo[1]+"|体重:"+json.EmployeeInfo[2]+"</li>");
// $("#TextBox1").attr("value",'sdsd');//清空内容
}
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="AllMsg">
</div>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</form>
</body>
</html>
var textval = $("#text_id").attr("value"
);
//或者
var textval = $("#text_id"
).val();
/*获取单选按钮的值*/
var valradio = $("input[@type=radio][@checked]"
).val();
/*获取一组名为(items)的radio被选中项的值*/
var item = $('input[@name=items][@checked]'
).val();
/*获取复选框的值*/
var checkboxval = $("#checkbox_id").attr("value"
)；
/*获取下拉列表的值*/
var selectval = $('#select_id'
).val();
//文本框，文本区域：
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//
填充内容
//多选框checkbox：
$("#chk_id").attr("checked",'');//使其未勾选
$("#chk_id").attr("checked",true);//勾选
if($("#chk_id").attr('checked')==true) //
判断是否已经选中
//单选组radio：
$(
"input[@type=radio]").attr("checked",'2');//
设置value=2的项目为当前选中项
//下拉框select：
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option
$("#select_id").empty()；//清空下拉框
获取一组名为(items)的radio被选中项的值
var item
= $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]"
).text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1
;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true
;
//重置表单
$("form"
).each(function(){
.reset();
});
添加一般处理程序：ajaxAllMsg.ashx
<%@ WebHandler Language="C#" Class="ajaxAllMsg" %>
using
System;
using
System.Web;
using
System.Text;
public class
ajaxAllMsg : IHttpHandler {
public void
ProcessRequest (HttpContext context)
{
context.Response.ContentType = "text/xml"
;
//
返回值
//string temp = "/r/n{/"conversion/":{/r/n/"decimal/":12}}";
///
/DataSet ds = new DataSet("AccountList");
////ds = GetList("Account", "AccountId", "Loginname,Name", 50, 1, false, false, "1=1");
//
context.Response.ContentType = "text/xml";
//
context.Response.Charset = "GB2312";
//
context.Response.Clear();
//context.Response.Write("<?xml version=/"1.0/" encoding=/"gbk/"?>/n " + ds.GetXml());
StringBuilder sb
= new
StringBuilder();
sb.Append("<?xml version=/"1.0/" encoding=/"utf-8/"?>"
);
sb.Append("<Account><loginname>中国人</loginname><name2>sdfert5</name2>"
);
sb.Append("</Account>"
);
context.Response.Write(sb.ToString());
//context.Response.End();
}
public bool
IsReusable {
get
{
return false
;
}
}
}
调用页：DeJQuery.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DeJQuery.aspx.cs" Inherits="DeJQuery" %>
<!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" >
<head id="Head1" runat="server">
<title>Ajax 留言板</title>
<script type="text/javascript" src="js/jquery-1.2.6.js">
</script>
<script type="text/javascript">
$(document).ready(function()
{
GetAllMsg();
});
function GetAllMsg(){
$("#AllMsg").html(" <img src='images/loading.gif'/>"
);
$.ajax({
type:'POST'
,
url:"ajaxAllMsg.ashx?act=getAll"
,
dataType:'xml', //默认["xml"/"html"] 返回数据类型:["xml" / "html" / "script" / "json" / "jsonp"]
data:""
,
success:function(result)
{
// alert(result);
$(result).find('Account'
).each(function() {
var loginname = $(this).find("loginname"
).text();
var name3 = $(this).find("name2"
).text();
//
$("#AllMsg").append("<li>" + loginname + " - " + name + "</li>");
//
alert(name3);
// alert(loginname);
$("#AllMsg").html("<li>" + $(this).find("loginname").text() + " - " + $(this).find("name2").text() + "</li>"
);
});
////解析服务器端传来的数据
//
for(key in result) $("#childsort").append("<option value="+result[key]+">"+result[key]+" </option>");
//
var array=eval(data);
//
$.each(array,function(i,r){
//
var row=$("#row").clone();
//
row.find("#col1").text(r.tid);
//
row.find("#col2").text(r.state);
//
row.find("#col3").text(r.project);
//
row.appendTo("#testtable");
//
objString = $(this).text(objString.substring(0,num) + "
");
//
if(msg == 0){
//
$("#value_user").html("<img src='html/check_ok.gif'>");
//
return 1;
//
}else{
//
$("#value_user").html("Sorry，该账号已经被注册,请换其他账号！");
//
return 0;
//
}
//
$("#AllMsg").append("<li>id:"+json.EmployeeId+"|Name:"+json.EmployeeName+"|年龄:"+json.EmployeeInfo[0]+"|身高:"+json.EmployeeInfo[1]+"|体重:"+json.EmployeeInfo[2]+"</li>");
// $("#TextBox1").attr("value",'sdsd');//清空内容
}
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="AllMsg">
</div>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Jquery 局部刷新及 表单取值赋值 处理返回json数据 一些基本操作
- Jquery 局部刷新及 表单取值赋值 处理返回json数据 一些基本操作
- Jquery 局部刷新及 表单取值赋值 处理返回json数据 一些基本操作
- Jquery 表单取值赋值 处理返回json数据
- Jquery 表单取值赋值 处理返回json数据
- jquery序列化form表单使用ajax提交后处理返回的json数据
- jquery序列化form表单使用ajax提交后处理返回的json数据
- jquery序列化form表单使用ajax提交后处理返回的json数据
- 结合SSH1，JQuery的ajax返回json数据的处理过程
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- jQuery备忘之(一)：jQuery处理.Net后台返回的Xml格式与Json格式的数据的比较分析
- jquery序列化form表单使用ajax提交后处理返回的json数据
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- JQuery调用webservice，返回的json数据和XML数据的处理方法
- jquery调用后台方法返回json数据的处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- Jquery 使用Ajax获取后台返回的Json数据后,页面处理
- 使用jquery、ajax不刷新页面打印表格（返回数据类型text、json）；
- (转：Tonny Yang)jQuery备忘之(一)：jQuery处理.Net后台返回的Xml格式与Json格式的数据的比较分析