jquery项目中所的经验
jquery是javascript的一个延伸，由于其易用性和功能强大被人们所广泛使用。
一、环境的配置
下载 jQuery地址：http://jquery.com/
中文地址：http://wiki.jquery.org.cn/doku.php
这是一个 javascript 脚本文件。
将这个脚本文件复制到你的网页文件夹中，在需要使用 JQuery 的网页中增加
现在就可以在页面中使用 JQuery 了！
二、jquery在页面中的使用
1.ready当页面加载完成后运行
$().ready(function(){alert("Hello world");
});或是
$(document).ready(function(){ alert("Hello world");
});然后当你打开这个网页时，网页加载完成就会弹出Hello world了。
完整页面
Hello
2.定义函数
定义函数是为了当你点击页面的某个按钮或选择框时，然后jquery来做出相应的反应
根据相应ID来定义
$("#id").click(function(){
window.close();
});当你点击ID为“id”的元素时，就会运行window.close()的操作了。
3.对网页元素的操作
（1）.jquery对select的操作
获取select的value值
var aodo=$("#control_orderwaystyle").find("option:selected").val();获取select的text值
var aodo=$("#control_orderwaystyle").find("option:selected").text();设置select选中哪一个根据value来设置
$("#control_orderwaystyle").val(aodo);设置select选中哪一个根据text来设置
$("#control_orderwaystyle").find("option:[text='"+roll_contentstyle+"']").attr("selected","selected");或是
$("#control_orderwaystyle").find("option:[text='"+roll_contentstyle+"']").attr("selected"，true);(2).jquery对checkbox复选框的操作
获取复选框有没有被选中
$("#roll_ordersend").attr("checked")；设置复选框为选中
$("#roll_ordersend").attr("checked","true");
设置复选框为不选中
$("#roll_ordersend").checked=false;
4.读取xml文件操作
(1).加载xml文件
$.ajax({
url: "treatyfile/treatymanage.xml",
type: 'GET',
dataType: "xml",
cache: false,
error: function(xml){
alert("读取文件列表失败");
},
success: function(xml){
ConfigXml=xml;
}
当加载成功后xml里的内容就为ConfigXml了。
(2).查找xml中的节点
$(xml).find('treatymanage').find('treaty').each(function(){
var $treaty=$(this);
});
find为查找treatymanage的节点
each为循环读取treaty节点，每次读取treaty节点就运行一次括号中的代码
$(this)为当前的节点，即当前的这个treaty节点
(3).对ConfigXml这个xml缓冲文件进行增删改查
增加工作
你需要先找到要加到ConfigXml中的一段节点
比如：save为ConfigXml中的order节点，你需要在ConfigXml的order节点后再加入一个order节点
save=$(ConfigXml).find("order");
$(ConfigXMl).find("order").append(save);
这样就把save放到ConfigXml中的order之后了
删除工作
比如：你要删除ConfigXml中的第一个order节点
$(ConfigXml).find("order").first().remove();
修改工作
比如：你要把order节点里的数据修改成特定的数据
$(ConfigXml).find("order").first().text("jquery");
查找工作
比如你要把order节点中的数据取出来
var text=$(ConfigXml).find("order").first().text();
text就是节点中的数据
(4).保存xml
既然对xml进行了修改，那么就要把它保存起来
jquery是客户端界面效果的，不能把xml保存到服务器，那么我们就要借助cgi来保存它
首先你先要触发到cgi，怎么触发呢
定义一个函数，主要函数是javascript函数
function savexml1(){
$.ajax({
type: 'POST',
url: '/cgi-bin/savetime.cgi',
data: ConfigXml.xml,
error: function(){
alert("保存配置出错！");
},
success: function(data) {
alert("保存成功！");
}
});
}
这样就以post方法触发了cgi
下面就是由c语言接收这个xml并保存起来
#include
#include
#include int main()
{char tembuf[1024];memset(tembuf,0,1024);FILE *fp=NULL,*fp1=NULL;
sleep(1);printf("Content-type: text/html\n\n");
printf("\n");fp=fopen("../treatyfile/time.xml","w");int i=0;
int len=0,tlen=0;if(fp==NULL){printf("打开xml文件失败 ");return;}//获取数据并保存到xml文件while(fgets(tembuf,1024,stdin)!=NULL){if(fputs(tembuf,fp)==EOF){printf("保存xml文件失败 ");return;}fflush(fp);memset(tembuf,0,1024);
i++;}fclose(fp);printf("保存xml文件成功 ");printf("\n"); printf("\n"); return 0;
} 这是把数据保存到特定的文件中去
那么怎么把文件保存到自己定义的文件中呢
#include
#include
#include int main()
{char ch[1024];
char cha[1024][1024];char name[100];
int aa=0;
int bb=0;char file[50]="";
char *i=NULL,*n=NULL;FILE *fp=NULL;
memset(ch,0,1024);
memset(file,0,50);
memset(name,0,100);
memset(cha,0,1024);
strcpy(name,"../treatyfile/");printf("Content-type: text/html\n\n");
printf("\n");while(fgets(ch,1024,stdin)!=NULL)
{
strcpy(cha[aa],ch);if((i=strstr(ch,""))!=NULL&&(n=strstr(ch," "))!=NULL){strncpy(file,i+12,n-i-12);
strcat(name,file);
if((fp=fopen(name,"w"))==NULL)
{
printf("打开xml文件失败 ");
return;
} }aa++;
}
while(bb保存system配置文件成功 ");printf("\n"); printf("\n"); return 0;
} 先是把数据放入一个数组中，读取xml你配置了的文件名，然后创建打开这个文件把数据放进去。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！