LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code


${firstname}

CSS
.content {
  display: none;
}
JS
var data = '{"firstname": "Arthur","price": 23.99,"admin": true,"hasLogged": null,"items": [],"infos": {"dob": "2000-01-01","avatar": "https://lorempixel.com/"}, "html": "

${firstname}

"}' console.log(data) function loadUser () { try { // simulation appel serveur // serveur vous donne accès à data qui est du JSON (string!) var result = JSON.parse(data) // récupère le résultat du serveur sous la forme d'un objet nommé "result" console.log(result) return result } catch (e) { console.log(e.message) } } var $btn = $('#btn-load') var $btnRegExp = $('#btn-load-regexp') var $content = $('.content') var $contentLocal = $('.content-local') var $contentRegExp = $('.content-regexp') var HTML = "

${firstname}

" /*$btn.on('click', function (e) { console.log(e.type) // > juste pour vous // exécute la function // j'appelle la function loadUser loadUser() }) */ // $btn.on('click', loadUser) $btn.on('click', function (e) { console.log(e.type) // $content.show(); // $contentLocal.html(HTML) var value = loadUser() //

${firstname}

//

Arthur

var toto = value.html.replace('${firstname}', value.firstname) $contentLocal.html(toto) }) var pattern = /\$\{\w+\}/ // matcher ${word} $btnRegExp.on('click', function () { var toto = loadUser() // ''.replace( CE QUE JE VEUX REMPLACER, CE PAR QUOI JE LE REMPLACE ) // var christophe = 'coucou ${firstname}'.replace('${firstname}', 'Arthur') // var christophe = 'coucou ${firstname}'.replace('${firstname}', toto.firstname) console.log('toto.html', toto.html) var bidule = toto.html.match(pattern) console.log('bidule', bidule) var christophe = toto.html.replace(bidule[0], toto.firstname) $contentRegExp.html(christophe) })
Term
Wed, 12/27/2017 - 06:57

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv