Jquery 局部刷新及 表单取值赋值 处理返回json数据_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方-国内领先的云技术服务提供商
»  游客             当前位置:  论坛首页 »  自由讨论区 »  Android, Python及开发编程讨论区 »
总帖数
1
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 2105 | 回复: 0   主题: Jquery 局部刷新及 表单取值赋值 处理返回json数据        下一篇 
    本主题由 koei123 于 2015-7-26 22:50:09 移动
xuefeng
注册用户
等级:上士
经验:315
发帖:69
精华:0
注册:2011-8-17
状态:离线
发送短消息息给xuefeng 加好友    发送短消息息给xuefeng 发消息
发表于: IP:您无权察看 2015-7-16 10:59:10 | [全部帖] [楼主帖] 楼主

/*获得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>


--转自 北京联动北方科技有限公司



该贴由koei123转至本版2015-7-26 22:50:09



赞(0)    操作        顶端 
总帖数
1
每页帖数
101/1页1
返回列表
发新帖子
请输入验证码: 点击刷新验证码
您需要登录后才可以回帖 登录 | 注册
技术讨论