Heim > Web-Frontend > js-Tutorial > Hauptteil

Gemeinsame Methoden von Mockjs teilen

小云云
Freigeben: 2018-03-28 17:02:32
Original
2912 Leute haben es durchsucht

Dieser Artikel teilt Ihnen hauptsächlich die gängigen Methoden von Mockjs mit, erklärt sie anhand von Text und Code und hofft, allen zu helfen.

一.mock.mock()

Generieren Sie Simulationsdaten basierend auf der Datenvorlage. Noch wichtiger ist, dass wir diese Daten erhalten können, wenn wir eine Ajax-Anfrage initiieren. Das ist es, was Mock.mock() macht!

Mock.mock( rurl?, rtype?, template|function( options ) )

(1) Parameterbedeutung und Standardwert

Parameter rurl : Optional. Gibt die URL an, die abgefangen werden muss. Dabei kann es sich um eine URL-Zeichenfolge oder eine reguläre URL handeln. Zum Beispiel //domain/list.json/, '/domian/list.json'.
Parameter rtype: optional. Gibt den Typ der Ajax-Anfrage an, der abgefangen werden muss. Zum Beispiel GET, POST, PUT, DELETE usw.
Parametervorlage: optional. Stellt eine Datenvorlage dar, die ein Objekt oder eine Zeichenfolge sein kann. Zum Beispiel { 'data|1-10':[{}] }, '@EMAIL'.
Parameterfunktion (Optionen): optional. Stellt eine Funktion dar, die zum Generieren von Antwortdaten verwendet wird.
Parameteroptionen: Verweist auf den Ajax-Optionssatz dieser Anfrage.

(2).Methode

2.Mock.mock(template) Simulationsdaten basierend auf Datenvorlage generieren

3.Mock.mock(rurl, template)
Datenvorlage aufzeichnen. Wenn eine mit der URL übereinstimmende Ajax-Anfrage abgefangen wird, werden simulierte Daten basierend auf der Datenvorlage generiert und als Antwortdaten zurückgegeben.

4.Mock.mock(rurl, function(options))
Zeichnen Sie die Funktion auf, die zum Generieren von Antwortdaten verwendet wird. Wenn eine mit rurl übereinstimmende Ajax-Anfrage abgefangen wird, wird die Funktion function(options) ausgeführt und das Ausführungsergebnis als Antwortdaten zurückgegeben.

5.Mock.mock(rurl, rtype, template)
Datenvorlage aufzeichnen. Wenn eine Ajax-Anfrage, die mit rurl und rtype übereinstimmt, abgefangen wird, werden simulierte Daten basierend auf der Datenvorlage generiert und als Antwortdaten zurückgegeben.

7.Mock.mock(rurl, rtype, function(options))
Zeichnen Sie die Funktion auf, die zum Generieren von Antwortdaten verwendet wird. Wenn eine Ajax-Anfrage, die mit rurl und rtype übereinstimmt, abgefangen wird, wird die Funktion function(options) ausgeführt und das Ausführungsergebnis als Antwortdaten zurückgegeben.

(3). Liezi

var data8 = Mock.mock(/\.json/,"get",{  
  "name":"@name",  
  "isTrue|1":true,  
  "color":"@color"  
})  
  
Mock.mock(/\.json/, 'post', function(options) {  
    return options.type  
})  
$.ajax({  
    url: 'hello.json',  
    type: 'get',  
    dataType: 'json'  
}).done(function (data, status, jqXHR) {  
    $(&#39;<pre class="brush:php;toolbar:false">&#39;).text(JSON.stringify(data, null, 4))  
        .appendTo(&#39;body&#39;)  
})  
  
$.ajax({  
    url: &#39;hello.json&#39;,  
    type: &#39;post&#39;,  
    dataType: &#39;json&#39;  
}).done(function (data, status, jqXHR) {  
    $(&#39;<pre class="brush:php;toolbar:false">&#39;).text(JSON.stringify(data, null, 4))  
        .appendTo(&#39;body&#39;)  
})
Nach dem Login kopieren

Offizielle Website Liezi

2. Mock.Random

Mock.Random ist ein Tool Klasse, die zum Generieren verschiedener Zufallsdaten verwendet wird

(1). Verwenden Sie grundsätzlich

1.Mock.Random.boolean(), um einen zufälligen booleschen Wert zurückzugeben.

2.Random.natural() gibt eine zufällige natürliche Zahl zurück (eine Ganzzahl größer oder gleich 0)

3.Random.integer() gibt eine zufällige Ganzzahl zurück.

4.Random.float() gibt eine zufällige Gleitkommazahl zurück.

5.Random.character() gibt ein zufälliges Zeichen zurück.

6.Random.string() gibt eine zufällige Zeichenfolge zurück.

7.Random.range(start?, stop, step?) gibt ein ganzzahliges Array zurück.

Offizielle Website ansehen

(2) Datum+Uhrzeit

Random.date() "2002-10-23"
Random.date('yyyy-MM-dd') // "1975-04-27"
Random.date('yy-MM-dd') // "00-01-08"

2. Zeit:
Random.time() // "05:06:06"

3. Datum und Uhrzeit
Random.datetime('yyyy-MM-dd A HH: mm:ss')

4. Aktuelles Datum und Uhrzeit Ranndom.now()

(3). Simulieren Sie geografische Standortdaten

(5). Farbe + Text + Nachname (Vorname)

Bitte überprüfen Sie die offizielle Website

3.Mock.valid( Vorlage, Daten )

Überprüfen Sie, ob die echten Daten mit der Datenvorlage übereinstimmen.

Vorlage ist erforderlich. Stellt eine Datenvorlage dar, die ein Objekt oder eine Zeichenfolge sein kann. Zum Beispiel { 'list|1-10':[{}] }, '@EMAIL'.
Daten erforderlich. stellt reale Daten dar.

z. B.:



4.Mock.toJSONSchema(template)

var template = {
    name: &#39;value1&#39;
}
var data = {
    name: &#39;value2&#39;
}
Mock.valid(template, data)
// =>
[
    {
        "path": [
            "data",
            "name"
        ],
        "type": "value",
        "actual": "value2",
        "expected": "value1",
        "action": "equal to",
        "message": "[VALUE] Expect ROOT.name&#39;value is equal to value1, but is value2"
    }
]
Nach dem Login kopieren
Konvertieren Sie die Datenvorlagenvorlage im Mock.js-Stil in ein JSON-Schema.

5.Mock.setup()

Mock.setup( Settings ) Konfigurieren Sie das Verhalten beim Abfangen von Ajax-Anfragen. Zu den unterstützten Konfigurationselementen gehören: Timeout.

  1. Die Bedeutung und der Standardwert der Parameter
    Einstellungen erforderlich. Sammlung von Konfigurationselementen.
    Timeout ist optional.
    Gibt die Antwortzeit der abgefangenen Ajax-Anfrage in Millisekunden an. Der Wert kann eine positive Ganzzahl sein, z. B. 400, was bedeutet, dass der Antwortinhalt nach 400 Millisekunden zurückgegeben wird. Er kann auch eine Zeichenfolge im Bindestrichstil „-“ sein, z. B. „200-600“, was bedeutet, dass die Antwort Die Zeit liegt zwischen 200 und 600 Millisekunden. Der Standardwert ist „10-100“.

    Mock.setup({
    timeout: 400
    })
    Mock.setup({
    timeout: '200-600'
    })

    Derzeit wird die Schnittstelle Mock.setup(settings) nur zum Konfigurieren von Ajax-Anfragen verwendet und kann in Zukunft zum Konfigurieren anderer Verhaltensweisen von Mock verwendet werden.

Das obige ist der detaillierte Inhalt vonGemeinsame Methoden von Mockjs teilen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage