js圖書信息代碼(js圖書信息代碼查詢)

本文目錄一覽:

在CHROME控制台上已經用JS代碼獲得了ISBN的情況下, 如何通過豆瓣的API獲取圖書的評分?

這個。。  提供的數據應該是需要使用 JSON來請求吧。

雖然 jq 有jsonp,但是一直沒有成功使用過。。 所以自己寫了一個簡單的。

var jsonp = function (url, callback) {

    if (typeof url=== ‘undefined’) {

        throw ‘the 1st param “url” missing’;

    }

 

    if (typeof callback === ‘undefined’) {

        throw ‘the 2nd param “callback” missing’;

    }

 

    var jsonpcallback = ‘callback’ + new Date().valueOf();

    if (typeof callback !== ‘string’) {

        window[jsonpcallback] = callback;

        callback = jsonpcallback;

    } else {

        window[jsonpcallback] = function (data) {

            eval(callback).call(window, data);

        }

    }

 

    var script = document.createElement(‘script’);

    script.setAttribute(‘type’, ‘text/javascript’);

    script.setAttribute(‘src’, url + (url.indexOf(‘?’) == -1 ? ‘?’ : ”) + ‘callback=’ + jsonpcallback);

    var head = document.getElementsByTagName(‘head’)[0];

    head.appendChild(script);

};

然後,你在頁面中這樣調用:

jsonp(”, function (data){

    var title = data.title;

    // 你自己的數據處理 可以通過  for..in 的結構來遍歷data的屬性。

});

還是補充一下吧,這樣可以取到返回的所有數據(ulli結構/li…./ul),在上面的回調裡面調用這個函數:

function getObjectData(data){

    var f_this = arguments.callee;

    var $ul = $(‘ul’);

 

    for(var item in data){

        var row = data[item];

        var $li = $(‘li’);

        if(!$.isPlainObject(row)  !$.isArray(row)){

            $li.append(item + ‘:’ + row);                        

        }else{

            $li.append(item).append(f_this(row));

        }

        $ul.append($li);

    }

    return $ul;

}

js代碼怎麼寫

建議樓主看下js基礎

每一項都是js使用中的小技巧,基礎但十分的實用!

1.document.write(“”); 輸出語句

2.JS中的注釋為//

3.傳統的HTML文檔順序是:

document-html-(head,body)

4.一個瀏覽器窗口中的DOM順序是:

window-(navigator,screen,history,location,document)

5.得到表單中元素的名稱和值:

document.getElementById(“表單中元素的ID號”).name(或value)

6.一個小寫轉大寫的JS:

document.getElementById(“output”).value=document.getElementById(“input”).value.toUpperCase();

7.JS中的值類型:

String,Number,Boolean,Null,Object,Function

8.JS中的字符型轉換成數值型:

parseInt(),parseFloat()

9.JS中的數字轉換成字符型:

(“” 變量)

10.JS中的取字符串長度是:

(length)

11.JS中的字符與字符相連接使用 號.

12.JS中的比較操作符有:

==等於,!=不等於,,=,.=

13.JS中聲明變量使用:

var來進行聲明

14.JS中的判斷語句結構:

if(condition){}else{}

15.JS中的循環結構:

for([initial expression];[condition];[upadte expression]) {inside loop}

16.循環中止的命令是:

break

17.JS中的函數定義:

function functionName([parameter],…){statement[s]}

18.當文件中出現多個form表單時.可以用document.forms[0],document.forms[1]來代替.

19.窗口:

打開窗口window.open(), 關閉一個窗口:window.close(), 窗口本身:self

20.狀態欄的設置:

window.status=”字符”;

21.彈出提示信息:

window.alert(“字符”);

22.彈出確認框:

window.confirm();

23.彈出輸入提示框:

window.prompt();

24.指定當前顯示鏈接的位置:

window.location.href=”URL”

25.取出窗體中的所有表單的數量:

document.forms.length

26.關閉文檔的輸出流:

document.close();

27.字符串追加連接符: =

28.創建一個文檔元素:

document.createElement(),document.createTextNode()

29.得到元素的方法:

document.getElementById()

30.設置表單中所有文本型的成員的值為空:

var form = window.document.forms[0]

for (var i = 0; iform.elements.length;i ){

if (form.elements.type == “text”){

form.elements.value = “”;

}

}

Javascript通過豆瓣api實現獲取圖書的信息(通過圖書的isbn號)要如何實現?

這個。。  提供的數據應該是需要使用 JSON來請求吧。

雖然 jq 有jsonp,但是一直沒有成功使用過。。 所以自己寫了一個簡單的。

var jsonp = function (url, callback) {

    if (typeof url=== ‘undefined’) {

        throw ‘the 1st param “url” missing’;

    }

    if (typeof callback === ‘undefined’) {

        throw ‘the 2nd param “callback” missing’;

    }

    var jsonpcallback = ‘callback’ + new Date().valueOf();

    if (typeof callback !== ‘string’) {

        window[jsonpcallback] = callback;

        callback = jsonpcallback;

    } else {

        window[jsonpcallback] = function (data) {

            eval(callback).call(window, data);

        }

    }

    var script = document.createElement(‘script’);

    script.setAttribute(‘type’, ‘text/javascript’);

    script.setAttribute(‘src’, url + (url.indexOf(‘?’) == -1 ? ‘?’ : ”) + ‘callback=’ + jsonpcallback);

    var head = document.getElementsByTagName(‘head’)[0];

    head.appendChild(script);

};

然後,你在頁面中這樣調用:

jsonp(”, function (data){

    var title = data.title;

    // 你自己的數據處理 可以通過  for..in 的結構來遍歷data的屬性。

});

還是補充一下吧,這樣可以取到返回的所有數據(ulli結構/li…./ul),在上面的回調裡面調用這個函數:

function getObjectData(data){

    var f_this = arguments.callee;

    var $ul = $(‘ul’);

    for(var item in data){

        var row = data[item];

        var $li = $(‘li’);

        if(!$.isPlainObject(row)  !$.isArray(row)){

            $li.append(item + ‘:’ + row);                        

        }else{

            $li.append(item).append(f_this(row));

        }

        $ul.append($li);

    }

    return $ul;

}

原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/257694.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
小藍的頭像小藍
上一篇 2024-12-15 12:46
下一篇 2024-12-15 12:46

相關推薦

  • JS Proxy(array)用法介紹

    JS Proxy(array)可以說是ES6中非常重要的一個特性,它可以代理一個數組,監聽數據變化並進行攔截、處理。在實際開發中,使用Proxy(array)可以方便地實現數據的監…

    編程 2025-04-29
  • Python周杰倫代碼用法介紹

    本文將從多個方面對Python周杰倫代碼進行詳細的闡述。 一、代碼介紹 from urllib.request import urlopen from bs4 import Bea…

    編程 2025-04-29
  • Python字符串寬度不限制怎麼打代碼

    本文將為大家詳細介紹Python字符串寬度不限制時如何打代碼的幾個方面。 一、保持代碼風格的統一 在Python字符串寬度不限制的情況下,我們可以寫出很長很長的一行代碼。但是,為了…

    編程 2025-04-29
  • Python基礎代碼用法介紹

    本文將從多個方面對Python基礎代碼進行解析和詳細闡述,力求讓讀者深刻理解Python基礎代碼。通過本文的學習,相信大家對Python的學習和應用會更加輕鬆和高效。 一、變量和數…

    編程 2025-04-29
  • Python滿天星代碼:讓編程變得更加簡單

    本文將從多個方面詳細闡述Python滿天星代碼,為大家介紹它的優點以及如何在編程中使用。無論是剛剛接觸編程還是資深程序員,都能從中獲得一定的收穫。 一、簡介 Python滿天星代碼…

    編程 2025-04-29
  • 倉庫管理系統代碼設計Python

    這篇文章將詳細探討如何設計一個基於Python的倉庫管理系統。 一、基本需求 在着手設計之前,我們首先需要確定倉庫管理系統的基本需求。 我們可以將需求分為以下幾個方面: 1、庫存管…

    編程 2025-04-29
  • 寫代碼新手教程

    本文將從語言選擇、學習方法、編碼規範以及常見問題解答等多個方面,為編程新手提供實用、簡明的教程。 一、語言選擇 作為編程新手,選擇一門編程語言是很關鍵的一步。以下是幾個有代表性的編…

    編程 2025-04-29
  • Python實現簡易心形代碼

    在這個文章中,我們將會介紹如何用Python語言編寫一個非常簡單的代碼來生成一個心形圖案。我們將會從安裝Python開始介紹,逐步深入了解如何實現這一任務。 一、安裝Python …

    編程 2025-04-29
  • 怎麼寫不影響Python運行的長段代碼

    在Python編程的過程中,我們不可避免地需要編寫一些長段代碼,包括函數、類、複雜的控制語句等等。在編寫這些代碼時,我們需要考慮代碼可讀性、易用性以及對Python運行性能的影響。…

    編程 2025-04-29
  • 北化教務管理系統介紹及開發代碼示例

    本文將從多個方面對北化教務管理系統進行介紹及開發代碼示例,幫助開發者更好地理解和應用該系統。 一、項目介紹 北化教務管理系統是一款針對高校學生和教職工的綜合信息管理系統。系統實現的…

    編程 2025-04-29

發表回復

登錄後才能評論