JavaScript Passing JSON string to JavaScript passing json string as query parameter,passing json string to

I'm working on a project, and we use a lot of coding languages for different parts.

I've tried to simplify the problem as much as I can, and came up with the following JSfiddle.

The problem is, I have a JSON string which I want to pass on to a JavaScript function. If I call it from JavaScript, it's OK. But when I call it with a onmouseover, HTML throws the error

Uncaught SyntaxError: Invalid or unexpected token

JavaScript Code:

 function test123(obj, e, lookupx){
      console.log(lookupx);
    }

    test123(this, event, '{"mt:assetsys:assetuapr":{"assetmat":"material","assettag":"tag"}}');

HTML:

    <div>
      First check the console, direct calling with js string is ok.<br>
      Then:<br>
      <a target='_blank' href="#" onmouseover="test123(this, event, '{"mt:assetsys:assetuapr": 
                 {"assetmat":"material","assettag":"tag"}}');">hover this
      </a>
      <br>
      And an error occurs
    </div>

Could someone explain what the difference is between the two cases?

The onmouseover vs
The direct calling to the function.

Answer:1

I had the same scenario, I ended up using Template literal

Note, you have to use single quotes ' for HTML attribute value.

So your code can be re-written as follows,

<div>
  First check the console, direct calling with js string is ok.<br>
  Then:<br>
  <a target='_blank' href="#" onmouseover='test123(this, event, `{"mt:assetsys:assetuapr":{"assetmat":"material","assettag":"tag"}}`);'>
   hover this
  </a><br>
  And an error occurs
</div>

Link to jsFiddle

Answer:2

You have to escape all the quotes inside the onmousover=""

Escape them with a backslash like this \"

Answer:3

Assets very slow to load in GatsbyJS project (Netlify hosted)

I'm working on my first GatsbyJS project (and hosted on Netlify) and over the past few weeks have noticed that everything is very speedy during development, but when built and hosted the pages are ...

explain that how value should store in java script with out using datatype “var” or “let”

here i didn't understand what happen when i use var before variable in function it give me different out put and with out using var also i got a different output here is a code that you can easily ...

explain value chain analysis
explain value
explain value added tax
explain value chain
explain value education
explain value engineering with examples
explain value of biodiversity
explain value chain model
explain value analysis
explain value for money
explain value engineering
explain value proposition
explain value added method
explain value stream mapping
explain value addition
explain value at risk
explain value chain analysis with example
explain value based pricing
explain value of information
explain value and address operator in c

Using velocity with jquery for IE8 in ES6

I am trying to use velocity together with jQuery (only for IE8 support) in an ES6 module. Consider this code: import { Component } from 'react'; import ReactDOM from 'react-dom'; import jquery from '...

using velocity to find acceleration
using velocity to find force
using velocity in a sentence
using velocity in unity
using velocity to find angle
using velocity in javascript
using velocity to find drag
using velocity in python
using velocity to find energy
using velocity in angular
using velocity points with singapore airlines
using velocity points with etihad

Firefox not opening window in service worker for Push message

Firebase Cloud Messaging I have everything setup, the Push messages are received fine and when I click on it, it opens new window... but only in Chrome, in Firefox it is not opened. I have ...

firefox window opening off screen
firefox opening small window
firefox opening new window instead of tab
firefox opening private window
firefox opening links in new window
firefox not opening private window
firefox not opening new window
firefox keeps opening new window
firefox disable new window opening
firefox prevent opening new window