Jquery 局部刷新及 表单取值赋值 处理返回json数据

news/2024/7/11 1:29:13 标签: jquery, json, function, input, textbox, user

 /*获得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("&nbsp;&nbsp;<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> 

 


http://www.niftyadmin.cn/n/1050530.html

相关文章

[OpenGL] 不规则区域的填充算法

不规则区域的填充算法 一、简单递归 利用Dfs实现简单递归填充。 核心代码&#xff1a; 1 // 简单深度搜索填充 &#xff08;四连通&#xff09;2 void DfsFill(int x, int y)3 {4 if (x < 0 || y < 0 || x>23 || y>23)5 {6 return;7 }8 if…

破产问题 (The Bankruptcy Problem)

我们从2000年前古巴比伦犹太法典《塔木德》(Talmud) 中描述的一个案例为出发点, 介绍一种资源分配的策略. 从合作博弈论的角度来理解, 这种分配策略是Nucleolus分配. 值得一提的是, 我们已经在供应链相关的多个业务场景中使用该资源分配方案. 注意: 本文绝大部分内容参考了Robe…

转《ionic生命周期》

1.认识ionic的生命周期钩子 截至ionic 3.8.0版本&#xff0c;框架提供了8个钩子函数&#xff0c;它们分别会在页面生命周期的各个阶段被触发&#xff0c;我们来简单了解一下。 1.1 ionViewDidLoad 页面加载完成触发&#xff0c;这里的“加载完成”指的是页面所需的资源已经加载…

php协议流

文件包含漏洞结合php协议流的特性&#xff0c;使得漏洞利用效率更高&#xff0c;下面的内容主要讲解协议流的使用。 0x00 测试环境: php版本: 5.2&#xff0c;5.3&#xff0c;5.5&#xff0c;7.0等web服务: apache2OS系统: linux 0x01 测试代码: <?php include($_GET[file…

app 调用接口

app 调用接口 /// <summary> /// 是否跳转到活动注册成功页面 /// </summary> /// <returns></returns> [HttpGet] public JsonResult IsActivityRegisterSuccess() { string result string.Empty; try { result ConfigurationManager.AppSettings[&…

Jquery实例2:可收缩展开的级联菜单与局部刷新

.html部分&#xff1a; JqueryMenu.html源代码&#xff1a; Html代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> < html > < head > < title > Jquery 实例2:弹出菜单</ titl…

网站描述description如何编写

对于页面Title标题优化&#xff0c;前面已经详细的介绍&#xff0c;但是标题、关键词、描述是紧密相连的&#xff0c;对于关键词的说明我也常常提到&#xff0c;从挖掘关键词到关键词排名都写得非常详细、唯独描述部分没有详细说到&#xff0c;但是不代表描述对网站没有作用。其…

[BZOJ 3223] 文艺平衡树

Link: BZOJ 3223 传送门 Solution: $Splay$对序列操作的模板题 核心思想就是将$L-1$移到根&#xff0c;$R1$移至$L-1$的下方&#xff0c;从而约束出区间$[L,R]$进行操作 对于此题仅要求将区间翻转&#xff0c;因此只要将左右子树交换即可 但同时类似于线段树要打上懒惰标记来保…