菜鳥の道のjs,JQuery随時更新
1590 ワード
1.従業員に関する照会を作成する過程で、jsonが返すdate値表示形式は「yyyy-MM-dd hh-mm-ss」であるが、最終的には「yyyy-MM-dd」だけを表示したい.
ソリューション:
jQueryのsplitメソッドを使用して、スペースビットで条件を分割すればよい
2.遅延操作:$("#login_marks").show(0).delay(1000).hide(0);
1つのページ要素に1000 ms遅延後に隠す.
3.イベントをクリックします.
--> onclick = "function(){}";
-->$("id").click(function(){...});
-->$("id").on("click",function(){...})
4.Ajaxのいくつかの送信方式:a.$.getJSON(url,{data},{callback})ライチ:$.getJSON("user/login.do",{"userName":name,"password":pwd},function(data){...}) url:Stringタイプ、リクエストを送信するアドレス;{data}:オプションのパラメータで、Key/valueパラメータを送信し、get、postタイプのdataと同じです.{callback}:パラメータの読み込みに成功したコールバック関数; b. $.ajax({ url:"http://localhost:8088/CloudNote/user/login.do", type:"post", data:{"name":name,"password":password}, dataType:"json", success:function(data){ ... }, error:function(){ ... }, }); url:リクエストを送信するアドレス;type:post、getなどのリクエストの送信方法;data:送信するパラメータ;DataType:送信パラメータの形式;success:パラメータ送信に成功したコールバック関数;error:異常発生後の処理関数;
5.localStorage:時間制限のないデータ保存;
localStorageでset getItem()メソッドの設定値:localStorage.setItem("hello", "world"); localStorage.setItem("zhangsan", "lisi"); 値:localStorage.getItem("hello"); localStorage.getItem("zhangsan");
6.
ソリューション:
jQueryのsplitメソッドを使用して、スペースビットで条件を分割すればよい
var data = emps[i].data.split(" ");// json
var data1 = data[0];// </span>2.遅延操作:$("#login_marks").show(0).delay(1000).hide(0);
1つのページ要素に1000 ms遅延後に隠す.
3.イベントをクリックします.
--> onclick = "function(){}";
-->$("id").click(function(){...});
-->$("id").on("click",function(){...})
4.Ajaxのいくつかの送信方式:a.$.getJSON(url,{data},{callback})ライチ:$.getJSON("user/login.do",{"userName":name,"password":pwd},function(data){...}) url:Stringタイプ、リクエストを送信するアドレス;{data}:オプションのパラメータで、Key/valueパラメータを送信し、get、postタイプのdataと同じです.{callback}:パラメータの読み込みに成功したコールバック関数; b. $.ajax({ url:"http://localhost:8088/CloudNote/user/login.do", type:"post", data:{"name":name,"password":password}, dataType:"json", success:function(data){ ... }, error:function(){ ... }, }); url:リクエストを送信するアドレス;type:post、getなどのリクエストの送信方法;data:送信するパラメータ;DataType:送信パラメータの形式;success:パラメータ送信に成功したコールバック関数;error:異常発生後の処理関数;
5.localStorage:時間制限のないデータ保存;
localStorageでset getItem()メソッドの設定値:localStorage.setItem("hello", "world"); localStorage.setItem("zhangsan", "lisi"); 値:localStorage.getItem("hello"); localStorage.getItem("zhangsan");
6.