读取xml实现问卷调查，关于问卷调查的内容全部放在了xml里面，使用了jQuery

最新推荐文章于 2022-01-11 11:33:01 发布

kkai189

最新推荐文章于 2022-01-11 11:33:01 发布

阅读量2.8k

点赞数 1

分类专栏： jQuery相关文章标签：问卷调查 xml function javascript html vbscript

本文链接：https://blog.csdn.net/kkai189/article/details/2828195

版权

jQuery相关专栏收录该内容

3 篇文章 0 订阅

订阅专栏

xml文件

 
 <?xml version="1.0" encoding="utf-8"?>
<!--问卷调查模板XML-->
<questionnaire version="1.0">
    <!--question节点的type属性可以为single（单选）和multi（复选）-->
    <question  type="single" display="1、你的居住地是？">
        <selection display="北京" width="50" data="a"/>
        <selection display="上海" width="50" data="b"/>
        <selection display="广州" width="50" data="c"/>
        <selection display="其他" width="50" data="d"/>
    </question>
    <question type="single" display="2、您的年龄有多大？">
        <selection display="低于15" width="60" data="a"/>
        <selection display="15-18" width="60" data="b"/>
        <selection display="19-24" width="60" data="c"/>
        <selection display="25-30" width="60" data="d"/>
        <selection display="30-40" width="60" data="e"/>
        <selection display="高于40" width="60" data="f"/>
    </question>
    <question type="single" display="3、您的月收入是多少？">
        <selection display="低于1000" width="70" data="a"/>
        <selection display="1000-2000" width="80" data="b"/>
        <selection display="2000-4000" width="80" data="c"/>
        <selection display="4000-8000" width="80" data="d"/>
        <selection display="高于8000" width="70" data="e"/>
    </question>
    <question type="single" display="4、对于电子杂志的了解程度是？">
        <selection display="第一次看" width="70" data="a"/>
        <selection display="知道，但很少看" width="110" data="b"/>
        <selection display="经常关注" width="70" data="c"/>
    </question>
    <question type="single" display="5、您觉得本期《快乐时尚》杂志的内容怎么样？">
        <selection display="非常好" width="60" data="a"/>
        <selection display="还不错" width="60" data="b"/>
        <selection display="一般" width="50" data="c"/>
        <selection display="有点糟糕" width="70" data="d"/>
        <selection display="非常糟糕" width="70" data="e"/>
    </question>
    <question type="single" display="6、您觉得《快乐时尚》杂志的那个板块最吸引您？">
        <selection display="Special全上海西餐地图" width="150" data="a"/>
        <selection display="taste品味" width="80" data="b"/>
        <selection display="new新风尚" width="80" data="c"/>
    </question>
    <question type="single" display="7、您觉得《快乐时尚》的画面制作水平怎么样？">
        <selection display="非常好" width="60" data="a"/>
        <selection display="还不错" width="60" data="b"/>
        <selection display="一般" width="50" data="c"/>
        <selection display="有点糟糕" width="70" data="d"/>
        <selection display="非常糟糕" width="70" data="e"/>
    </question>
    <question type="single" display="8、您认为《快乐时尚》杂志还有什么需要改进的地方？">
        <selection display="内容" width="50" data="a"/>
        <selection display="图片" width="50" data="b"/>
        <selection display="制作水平" width="80" data="c"/>
        <selection display="下载速度" width="80" data="d"/>
    </question>
    <question type="single" display="9、看了这期《快乐时尚》以后，您会继续下载《快乐时尚》杂志吗？">
        <selection display="肯定会" width="60" data="a"/>
        <selection display="也许会" width="60" data="b"/>
        <selection display="需要考虑一下" width="90" data="c"/>
        <selection display="肯定不会" width="70" data="d"/>
    </question>
    <question type="single" display="10、下载本期《快乐时尚》您大约需要多少时间？">
        <selection display="10分钟以下" width="80" data="a"/>
        <selection display="10-20分钟" width="80" data="b"/>
        <selection display="20-30分钟" width="80" data="c"/>
        <selection display="30分钟以上" width="80" data="d"/>
    </question>
    <!--其他信息：
    提交格式将为subadd+各选中项data，同一问题的多个选项直接相连，不同问题的data之间用"-"间隔；
    接收反馈从retadd+各选中项data上获取，同一问题的多个选项直接相连，不同问题的data之间用"-"间隔；
    反馈获取到的testvar的值为true则显示发送成功，超过10秒未收到该消息显示发送失败。
    -->
</questionnaire>
 

html：

 
 <!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>加载xml</title>
<script language="javascript" src="jquery-1.2.3.js"></script>
<script language="javascript">
$.loadXML = function (_url){
    var xml;
    $.ajax({
        type:"get",
        url:_url,
        async:false,
        dataType:"xml",
        success:function(data){
            xml = data;
        }
    });
    return xml;
}
$(document).ready(function(){
    var xml=$.loadXML("kkai.xml");//加载xml
    var parameter="param";
    //alert(xml);//调用xml是否成功测试
    $(xml).find("questionnaire>question").each(function(index){ 
            //alert(this.getAttribute("display"));//获得xml属性测试
            var type=this.getAttribute("type");
            if(type==="single"){
                var html="<div></div>";
                html=$(html).append(this.getAttribute("display")+"<br/>");//添加标题
                $(this).find("selection").each(function(index2){
                    var radio;
                    if(index2==0){
                        radioradio="<input type=/"radio/" value=/""+this.getAttribute("data")+"/"/ width="+this.getAttribute("data")+" checked=/"checked/" name=/""+(parameter+index)+"/" />"+this.getAttribute("display");
                    }
                    else{
                    radioradio="<input type=/"radio/" value=/""+this.getAttribute("data")+"/"/ width="+this.getAttribute("data")+"  name=/""+(parameter+index)+"/" />"+this.getAttribute("display");
                    }
                    html=$(html).append(radio);//添加内容
                });
                $("#content").append(html);
            }
    }); 
});
</script>
</head>
<body>
<form id="form1" action="action.asp" method="post">
<div id="content" ></div>
<div><input type="submit" value="提交"></div>
</form>
</body>
</html>
 

action.asp:我用asp来测试的

 
 <%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>xml操作页面</title>
</head>
<body>
<%
Response.Write(Request("param0")+"<br/>")
Response.Write(Request("param1")+"<br/>")
Response.Write(Request("param2")+"<br/>")
Response.Write(Request("param3")+"<br/>")
Response.Write(Request("param4")+"<br/>")
Response.Write(Request("param5")+"<br/>")
Response.Write(Request("param6")+"<br/>")
Response.Write(Request("param7")+"<br/>")
Response.Write(Request("param8")+"<br/>")
Response.Write(Request("param9")+"<br/>")
%>
</body>
</html>
 

kkai189

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
读取xml实现问卷调查，关于问卷调查的内容全部放在了xml里面，使用了jQuery

xml文件xml version="1.0" encoding="utf-8"?>questionnaire version="1.0"> question type="single" display="1、你的居住地是？"> selection display="北京" width="50" data="a"/> selection display="
复制链接

扫一扫