Simcy Creative
  • What is Simcify
  • Requirements
  • Getting Started
  • Javascript Functions
    • Simple js Functions
    • Interaction Functions
      • Loader
      • Notifications
      • Credit Card Form
    • Helper Functions
      • Random
      • Cookies
      • Send to server(Ajax)
      • Server Responses
    • HTML helpers
      • Form Processing
      • Send onClick
      • Send onChange
      • Fetch & Display
      • Dropify
      • Switchery
      • Crop Image Input
      • Image Preview
  • PHP Functions
    • Introduction
    • Setup
    • Authentication
      • Login
      • Register
      • Forgot Password
      • Reset Password
    • Configuration
    • Email & SMS
      • SMS
        • Africa's Talking
        • Twilio
      • Email
    • Files Manager
      • Upload
      • Delete
Powered by GitBook
On this page
  1. Javascript Functions
  2. HTML helpers

Send onChange

This is a component that allows you to send data from an input to the server when it's updated.

This can be added in form elements only, input, select and textarea. Add class send-to-server-change to the element you want to update on change.

Attribute options are;

  • loader

    • Optional

    • "true" or "false"

    • when true, a loader will be shown when button is clicked and hidden when set false.

  • url

    • required

    • url

    • the path to where the form will be submitted

  • name

    • required

    • name will be the key of the data when sent to the server

  • extradata

    • required

    • string. example username:johnd|name:John Doe|email:john@example.com. Separate a key from value with full colon : and separate each group with |

<input type="text" name="email" value="john@example.com" loader="false" class="send-to-server-change"  url="https://example.com/server">

Response

Responses should be JSON, please refer to the server response page for more information.

PreviousSend onClickNextFetch & Display

Last updated 6 years ago

Server Responses