js,html,jquery 点击运行jquery 函数

时间:2019-08-28
本文章向大家介绍js,html,jquery 点击运行jquery 函数,主要包括js,html,jquery 点击运行jquery 函数使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

通过按钮触发
html <script src="jquery.min.js"></script> <div id=qzs style="width: 382px;height:282px;position:absolute; background-color:#ff0000; left: 109px; top: 133px;"><a href="#" onClick=setInterval("shoppingcat()",1) >点击我就运行js -jquery函数</a></div> js function shoppingcat(){ document.getElementById("qzs").style.display = "none"//不显示 //document.getElementById("qzs").style.display = "block"//显示 }



  http://jquery.cuishifeng.cn/jQuery.Ajax.html


一、通过按钮触发运行
document.getElementById("qzs") 通过div 的id定位 选择 改变对象

二、直接打开网页就运行 通过 ajax 联系 php 到数据库 取数据 还要打包成json格式
json 格式   {} 对象 【】数组
 
var  myChart = echarts.init(document.getElementById('bar_week'));
              var arr1=[],arr2=[],arr3=[];
              function arrTest(){
                $.ajax({
                  type:"post",
                  async:false,
                  url:"data.php",
                  data:{},
                  dataType:"json",
                  success:function(result){
				  //{"daming":[53,54,53],"ming":[56,59,57],"jin":[62,114,93],"zuo":[58,113,90]}
				  //[{"public_zao":53,"public_zhong":54,"public_wan":53}]
                    if (result) {

                      for (var i = 0; i < result.length; i++) {
                          arr1.push(result[i].public_zao);
                          arr2.push(result[i].public_zhong);
						  arr3.push(result[i].public_wan);
                      }

					  
					  
                    }
                  }
                })
                return arr1,arr2,arr3;
              }
              arrTest();
              var  option = {
                    tooltip: {
                        show: true
                    },
                    legend: {
                       data:['早餐报餐']
                    },
                    xAxis : [
                        {
                            type : 'category',
                            //data : arr1
							data: ["大明天","明天","今天","昨天"]
                        }
                    ],
                    yAxis : [
                        {
                            type : 'value'
                        }
                    ],
                    series : [
                        {
                            "name":"早餐报餐",
                            "type":"bar",//funnel  bar  柱形图
                            "data":arr1,
							//barWidth : 39, //柱体大小
                             itemStyle: {        //上方显示数值
                                  normal: {
										label: {
											show: true, //开启显示
											position: 'top', //在上方显示
											textStyle: { //数值样式
												color: 'black',
												fontSize: 16
											}
										}
										}
										}
                        }
                    ]
					

                };
                // 为echarts对象加载数据
                myChart.setOption(option);
            // }

  



原文地址:https://www.cnblogs.com/--3q/p/11423199.html