Partager des méthodes communes de mockjs

Cet article partage principalement avec vous les méthodes courantes de mockjs, en les expliquant avec du texte et du code, dans l'espoir d'aider tout le monde.

一.mock.mock()

Générez des données de simulation basées sur le modèle de données. Plus important encore, nous devons pouvoir recevoir ces données lorsque nous lançons une requête Ajax. C'est ce que fait Mock.mock() !

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

(1) Signification du paramètre et valeur par défaut

Paramètre rurl : Facultatif. Indique l'URL qui doit être interceptée, qui peut être une chaîne d'URL ou une URL standard. Par exemple //domain/list.json/, '/domian/list.json'.
Paramètre rtype : facultatif. Indique le type de requête Ajax qui doit être interceptée. Par exemple GET, POST, PUT, DELETE, etc.
Modèle de paramètres : facultatif. Représente un modèle de données, qui peut être un objet ou une chaîne. Par exemple { 'data|1-10':[{}] }, '@EMAIL'.
Fonction paramètre (options) : facultatif. Représente une fonction utilisée pour générer des données de réponse.
Options de paramètre : pointe vers l'ensemble d'options Ajax de cette requête.

(2).Method

2.Mock.mock(template) Générer des données de simulation basées sur un modèle de données

3.Mock.mock(rurl, template)
Enregistrer le modèle de données. Lorsqu'une rurl de correspondance de requête Ajax est interceptée, des données simulées seront générées sur la base du modèle de modèle de données et renvoyées sous forme de données de réponse.

4.Mock.mock(rurl, function(options))
Enregistrez la fonction utilisée pour générer les données de réponse. Lorsqu'une requête Ajax correspondant à une rurl est interceptée, la fonction function(options) sera exécutée et le résultat de l'exécution sera renvoyé sous forme de données de réponse.

5.Mock.mock(rurl, rtype, template)
Enregistrer le modèle de données. Lorsqu'une requête Ajax correspondant à rurl et rtype est interceptée, des données simulées seront générées sur la base du modèle de modèle de données et renvoyées sous forme de données de réponse.

7.Mock.mock(rurl, rtype, function(options))
Enregistrez la fonction utilisée pour générer les données de réponse. Lorsqu'une requête Ajax correspondant à rurl et rtype est interceptée, la fonction function(options) sera exécutée et le résultat de l'exécution sera renvoyé sous forme de données de réponse.

(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;)  
})

Voir le site officiel Liezi

2 Mock.Random

Mock.Random est un outil. class , utilisé pour générer diverses données aléatoires

(1) Utilisez essentiellement

1.Mock.Random.boolean() pour renvoyer une valeur booléenne aléatoire.

2.Random.natural() renvoie un nombre naturel aléatoire (un entier supérieur ou égal à 0)

3.Random.integer() renvoie un entier aléatoire.

4.Random.float() renvoie un nombre aléatoire à virgule flottante.

5.Random.character() renvoie un caractère aléatoire.

6.Random.string() renvoie une chaîne aléatoire

7.Random.range(start?, stop, step?) renvoie un tableau d'entiers.

Voir le site officiel

(2). Date+heure

1.Date
Random.date() "2002-10-23"
Random.date('aaaa-MM-jj') // "1975-04-27"
Random.date('aaa-MM-jj') // "00-01-08"

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

3. Date et heure
Random.datetime('aaaa-MM-jj A HH : mm:ss')

4. Date et heure actuelles Ranndom.now()

(3). Simuler les données de localisation géographique

(5). Couleur + texte + nom (prénom)

Veuillez consulter le site officiel

3.Mock.valid (modèle, données). )

Vérifiez si les données réelles correspondent au modèle de modèle de données.

un modèle est requis. Représente un modèle de données, qui peut être un objet ou une chaîne. Par exemple { 'list|1-10':[{}] }, '@EMAIL'.

données requises. représente des données réelles.

par exemple :

4.Mock.toJSONSchema(template)

var template = {
    name: 'value1'
}
var data = {
    name: 'value2'
}
Mock.valid(template, data)
// =>
[
    {
        "path": [
            "data",
            "name"
        ],
        "type": "value",
        "actual": "value2",
        "expected": "value1",
        "action": "equal to",
        "message": "[VALUE] Expect ROOT.name'value is equal to value1, but is value2"
    }
]

Convertir le modèle de modèle de données de style Mock.js en schéma JSON.

5.Mock.setup()

Mock.setup( settings ) Configurez le comportement lors de l'interception des requêtes Ajax. Les éléments de configuration pris en charge incluent : timeout.

1. La signification et la valeur par défaut des paramètres
   Paramètres requis. Collection d'éléments de configuration.
   le délai d'attente est facultatif.
   Spécifie le temps de réponse de la requête Ajax interceptée, en millisecondes. La valeur peut être un entier positif, tel que 400, ce qui signifie que le contenu de la réponse sera renvoyé après 400 millisecondes ; il peut également s'agir d'une chaîne de style tiret « - », telle que « 200-600 », ce qui signifie que la réponse le temps est compris entre 200 et 600 millisecondes. La valeur par défaut est « 10-100 ».
   
   Mock.setup({
   délai d'attente : 400
   })
   Mock.setup({
   délai d'attente : '200-600'
   })
   
   Actuellement, l'interface Mock.setup(settings) est uniquement utilisée pour configurer les requêtes Ajax, et pourra être utilisée pour configurer d'autres comportements de Mock à l'avenir.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!