Javascript 使用json将值传递给文本框
我试图访问js文件中的数据,并在html文本框中获取值,但无法获得结果。这里是samle.js文件和jsonhtml.html文件Javascript 使用json将值传递给文本框,javascript,jquery,html,json,Javascript,Jquery,Html,Json,我试图访问js文件中的数据,并在html文本框中获取值,但无法获得结果。这里是samle.js文件和jsonhtml.html文件 { “var1”:“1”; “var2”:“2”; } $(文档).ready(函数(){ $.ajaxSetup({cache:false}); setInterval(函数(){ $.getJSON(“sample.js”,函数(数据){ if(data.var1){ $('C1周期').val(data.var1); } if(data.var2){ $(
{
“var1”:“1”;
“var2”:“2”;
}
$(文档).ready(函数(){
$.ajaxSetup({cache:false});
setInterval(函数(){
$.getJSON(“sample.js”,函数(数据){
if(data.var1){
$('C1周期').val(data.var1);
}
if(data.var2){
$('#C2周期').val(data.var2);
}
});
}, 1000);
});
})(jQuery);
使用以下脚本:
$(document).ready(function() {
$.ajaxSetup({cache: false});
var winterval=setInterval(function () {
$.getJSON("sample.js", function (result) {
var data=$.parseJSON(result);
if (data.var1) {
$('#C1-Cycle').val(data.var1);
}
if (data.var2) {
$('#C2-Cycle-Cycle').val(data.var2);
}
});
}, 1000);
});
但请确保在sample.js文件中包含如下数据:
{“var1”:“1”,“var2”:“2”}
示例如下:使用此脚本:
$(document).ready(function() {
$.ajaxSetup({cache: false});
var winterval=setInterval(function () {
$.getJSON("sample.js", function (result) {
var data=$.parseJSON(result);
if (data.var1) {
$('#C1-Cycle').val(data.var1);
}
if (data.var2) {
$('#C2-Cycle-Cycle').val(data.var2);
}
});
}, 1000);
});
但请确保在sample.js文件中包含如下数据:
{“var1”:“1”,“var2”:“2”}
示例如下:
函数验证(){
调试器;
var name=document.myForm.name.value;
如果(名称==“”| |名称==null){
document.getElementById(“span1”).innerHTML=“请输入名称”;
document.myForm.name.focus();
document.getElementById(“name”).style.border=“3px实心红色”;
返回false;
}
否则{
document.getElementById(“span1”).innerHTML=“”;
document.getElementById(“name”).style.border=“3px纯绿色”;
}
var age=document.myForm.age.value;
var ageFormat=/^([1][8-9])|([2-5][0-9])|(6[0])$/gm;
如果(年龄=“”| |年龄==null){
document.getElementById(“span2”).innerHTML=“请提供年龄”;
document.myForm.age.focus();
document.getElementById(“age”).style.border=“3px实心红色”;
返回false;
}
如果(!ageFormat.test(age))则为else{
document.getElementById(“span2”).innerHTML=“年龄不能小于18岁,也不能大于60岁”;
document.myForm.age.focus();
document.getElementById(“age”).style.border=“3px实心红色”;
返回false;
}
否则{
document.getElementById(“span2”).innerHTML=“”;
document.getElementById(“age”).style.border=“3px纯绿色”;
}
var password=document.myForm.password.value;
if(document.myForm.password.length<6){
警报(“错误:密码必须至少包含六个字符!”);
document.myForm.password.focus();
document.getElementById(“密码”).style.border=“3px实心红色”;
返回false;
}
re=/[0-9]/g;
如果(!重新测试(密码)){
警报(“错误:密码必须至少包含一个数字!”);
document.myForm.password.focus();
document.getElementById(“密码”).style.border=“3px实心红色”;
返回false;
}
re=/[a-z]/g;
如果(!重新测试(密码)){
警告(“错误:密码必须至少包含一个小写字母(a-z)!”;
document.myForm.password.focus();
document.getElementById(“密码”).style.border=“3px实心红色”;
返回false;
}
re=/[A-Z]/g;
如果(!重新测试(密码)){
警告(“错误:密码必须至少包含一个大写字母!”);
document.myForm.password.focus();
document.getElementById(“密码”).style.border=“3px实心红色”;
返回false;
}
re=/[$&+,:;=?@#|'。^*()%!-]/g;
如果(!重新测试(密码)){
警报(“错误:密码必须至少包含一个特殊字符!”);
document.myForm.password.focus();
document.getElementById(“密码”).style.border=“3px实心红色”;
返回false;
}
否则{
document.getElementById(“span3”).innerHTML=“”;
document.getElementById(“密码”).style.border=“3px纯绿色”;
createJSON();
}
}
函数createJSON(){
调试器;
var myData=$(“#myTableData”);
var jsonData=JSON.stringify(myData.serializeArray());
document.getElementById(“span4”).innerHTML=jsonData;
console.log(jsonData);
}
功能限制字符(evt){
evt=(evt)?evt:window.event;
var charCode=(evt.which)?evt.which:evt.keyCode;
如果(((charCode>='65')&&&(charCode='97')&&(charCode
函数验证(){
调试器;
var name=document.myForm.name.value;
如果(名称==“”| |名称==null){
document.getElementById(“span1”).innerHTML=“请输入名称”;
document.myForm.name.focus();
document.getElementById(“name”).style.border=“3px实心红色”;
返回false;
}
否则{
document.getElementById(“span1”).innerHTML=“”;
document.getElementById(“name”).style.border=“3px纯绿色”;
}
var age=document.myForm.age.value;
var ageFormat=/^([1][8-9])|([2-5][0-9])|(6[0])$/gm;
如果(年龄=“”| |年龄==null){
document.getElementById(“span2”).innerHTML=“请提供年龄”;
document.myForm.age.focus();
document.getElementById(“age”).style.border=“3px实心红色”;
返回false;
}
如果(!ageFormat.test(age))则为else{
document.getElementById(“span2”).innerHTML=”