JILI Money Coming app download apk.REGISTER NOW GET FREE 888 PESOS REWARDS!

(@agaitan026)

Hi i have a webservice that output data with json format. I need to create a basic form with one field named: SKU and a submit button.

After client clicks Submit button, it should call the webservice passing tru a variable for example:

https://wsURL:8090/ConsultaTarjetas/ExistenciaProd/ExistenciaProd.php?token=abcbdefgh123456789&reference=$SKU, this is the variable that came from wordpress form field named SKU

and shows a json results like:

{
  "success": true,
  "id": "22237897",
  "producto": "CAMISA MC OCEAN PACIFIC NAVY",
  "tallas": [
    "XS ",
    "S ",
    "M ",
    "L ",
    "XL ",
    "XXL",
    "3XL",
    "4XL",
    "1X ",
    "2XL"
  ],
  "sucursales": [
    {
      "nombre": "ALBROOK",
      "numtienda": "8.0",
      "numbodega": "0102",
      "precio": "24.989999999999998",
      "existencia": [
        "0",
        "0",
        "1",
        "2",
        "1",
        "0",
        "0",
        "0",
        "0",
        "0"
      ]
    },
    {
      "nombre": "LOS PUEBLOS",
      "numtienda": "5.0",
      "numbodega": "0105",
      "precio": "24.989999999999998",
      "existencia": [
        "0",
        "1",
        "2",
        "1",
        "1",
        "0",
        "0",
        "0",
        "0",
        "0"
      ]
    },
    {
      "nombre": "CHITRE MEN",
      "numtienda": "16.0",
      "numbodega": "0106",
      "precio": "24.989999999999998",
      "existencia": [
        "0",
        "1",
        "0",
        "2",
        "0",
        "0",
        "0",
        "0",
        "0",
        "0"
      ]
    },
    {
      "nombre": "TERRONAL",
      "numtienda": "14.0",
      "numbodega": "0908",
      "precio": "24.989999999999998",
      "existencia": [
        "0",
        "1",
        "2",
        "2",
        "0",
        "0",
        "0",
        "0",
        "0",
        "0"
      ]
    },
    {
      "nombre": "DAVID",
      "numtienda": "9.0",
      "numbodega": "0909",
      "precio": "24.989999999999998",
      "existencia": [
        "0",
        "1",
        "2",
        "2",
        "1",
        "0",
        "0",
        "0",
        "0",
        "0"
      ]
    },
    {
      "nombre": "COSTAVERDE MEN",
      "numtienda": "22.0",
      "numbodega": "0204",
      "precio": "24.989999999999998",
      "existencia": [
        "0",
        "1",
        "2",
        "2",
        "0",
        "0",
        "0",
        "0",
        "0",
        "0"
      ]
    },
    {
      "nombre": "CAROLINA 2",
      "numtienda": "21.0",
      "numbodega": "0111",
      "precio": "24.989999999999998",
      "existencia": [
        "0",
        "0",
        "2",
        "2",
        "1",
        "0",
        "0",
        "0",
        "0",
        "0"
      ]
    },
    {
      "nombre": "CENTENNIAL",
      "numtienda": "25.0",
      "numbodega": "0112",
      "precio": "24.989999999999998",
      "existencia": [
        "0",
        "1",
        "2",
        "1",
        "0",
        "0",
        "0",
        "0",
        "0",
        "0"
      ]
    },
    {
      "nombre": "SANTIAGO MALL",
      "numtienda": "26.0",
      "numbodega": "0113",
      "precio": "24.989999999999998",
      "existencia": [
        "0",
        "0",
        "2",
        "2",
        "1",
        "0",
        "0",
        "0",
        "0",
        "0"
      ]
    },
    {
      "nombre": "PENONOME BOULEVARD",
      "numtienda": "30.0",
      "numbodega": "0117",
      "precio": "24.989999999999998",
      "existencia": [
        "0",
        "0",
        "2",
        "2",
        "1",
        "0",
        "0",
        "0",
        "0",
        "0"
      ]
    }
  ]
}

and i need to construct or show a table with that json, if result is False and fails, should show a error msg

at the end table should look like this:

https://ibb.co/vwBMBmx

thank you

This topic was modified 3 years, 5 months ago by agaitan026.
This topic was modified 3 years, 5 months ago by agaitan026.

Viewing 5 replies - 1 through 5 (of 5 total)

Sarah Norris
(@mikachan)

3 years, 5 months ago

Hi there.

The easiest way to create a form in WordPress is to use a contact form plugin, such as the ones listed here: https://www.ads-software.com/plugins/search/contact+form/

There are many to choose from, but I’ll use Contact Form 7 as an example here. This plugin offers the ability to listen to a wpcf7_before_send_mail hook, which you could use as a trigger to post to an external endpoint.

There is a tutorial here on how you can set this up using Contact Form 7: https://dev.to/jorbascrumps/integrating-apis-with-wordpress-and-contact-form-7-1657

Once you have this setup and you can see successful responses, you should be able to use the response value to create a table on the front end.

You’ll need to use the json_decode function (docs) to convert the JSON into data you can work with. It looks like you probably need to loop over the ‘sucursales’ array in your response to create a table row for each item. There’s a few examples of how to do this in PHP here: https://stackoverflow.com/questions/4746079/how-to-create-a-html-table-from-a-php-array

Hope this helps or gives you some ideas. Let me know if you have any questions.

Thread Starter agaitan026
(@agaitan026)

3 years, 5 months ago

But when i do that, each time i click submit button, im getting an email. ANy way to disable that?

Sarah Norris
(@mikachan)

3 years, 5 months ago

If you don’t want to receive an email on each form submission, Contact Form 7 provides a setting you can add to each form in order to turn off emails, called ‘skip mail’. Please see the documentation here: https://contactform7.com/additional-settings/ (listed under ‘Skipping mail’)

Thread Starter agaitan026
(@agaitan026)

3 years, 5 months ago

yeah thats it, but now i keep seeing the ‘thank you message’ at the bottom, any chance to disable those only for that form?

Moderator bcworkz
(@bcworkz)

3 years, 5 months ago

It’s probably easier to simply hide the message with CSS than disabling it entirely.

The plugin does have its own dedicated support forum for CF7 specific questions. You’ll likely get more meaningful answers from the author and expert users there.
https://www.ads-software.com/support/plugin/contact-form-7/

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘how to create a form with a submit button and call a json webservice?’ is closed to new replies.

how to create a form with a submit button and call a json webservice?

Tags

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics