aja

ajaxabstractjs

Ajax abstract lib for myself, if you like give me a help it's very simple :)

Showing:

Popularity

Downloads/wk

2

GitHub Stars

0

Maintenance

Last Commit

4yrs ago

Contributors

3

Package

Dependencies

0

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

AJAX ABSTRACT

Simples e eficiente biblioteca javascript que abstrai o uso do construtor XMLHttpRequest

Getting Started

Livre para usar

Prerequisities

Javascript básico e vontade :)

import Ajax from 'ajaxabstracjs'

ou

import Ajax from './node_modules/ajaxabstractjs/ajaxabstractjs.js'

Ajax.get('yourUrl', (res, err) => {
    // heres go your logic
})

Installing

A step by step series of examples that tell you have to get a development env running

Say what the step will be

git clone git@github.com:JoHNNyRiver/ajaxabstract.git

ou

npm install ajaxabstractjs

É simples começar com AJAX ABSTRACT

Importe ajaxabstract do diretorio onde a biblioteca se encontra ou instancie na tag script

import Ajax from 'ajaxabstracjs'

ou

import Ajax from './node_modules/ajaxabstractjs/ajaxabstractjs.js'

ou

<script src="./node_modules/ajaxabstractjs/ajaxabstractjs.min.js"></script>
<script src="YOUR SCRIPT JS"></script>


Ajax.get('yourUrl', (res, err) => {
    // heres go your logic
})

// retorna os dados em um objeto
document.forms[0].addEventListener('submit', event => {
  event.preventDefault()

  Ajax.post('yourUrl', new FormData(document.forms[0]), (response, err) => {
    if (err) throw new Error(err.message)
    console.log(response)
  })
})

//exemplo de retorno
{data: "{}", parsed: {…}, status: 200, statusText: "OK", time: ProgressEvent, …}

Config Headers (exemplo)

import Ajax from './node_modules/ajaxabstractjs/ajaxabstractjs.js'

// Configurando o cabeçalho da requisição
Ajax.setHeader('Content-Type', 'application/*')

Config Opcionais (exemplo)

import Ajax from './node_modules/ajaxabstractjs/ajaxabstractjs.js'

// Configurando o cabeçalho da requisição
Ajax.settings({target: 'here you info the form on dom', key: 'your key'})

// Depois no Dom
<form action="">
    <div class="inputGroup">
        <label for="name">Name</label>
        <input type="text" id="name" name="nm">
    </div>

    <input type="submit">

    <input type="hidden" value="YOUR KEY WILL GO HERE" name="key">
</form>

document.forms[0].addEventListener('submit', function (event) {
  event.preventDefault()

  // Aqui sua key é enviada por meio do construtor FormData
  Ajax.post('yourUrl', new FormData(this), (response, err) => {
    if (err) throw new Error(err.message)
    console.log(response)
  })
})

Feito com

  • Sublime Text - um incrivel editor de códigos
  • ES6 - novas featerues no ecmascript 2015
  • Carinho e vontade - Pois tudo na vida que é bem feito é assim que começa

Authors

Contribuidor contributors

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial